Why does static layout look different on different devices?

A

Andrew2014-03-01 22:08:13

css

Andrew, 2014-03-01 22:08:13

There is a site that was made up with all static values, whether it be width, height or font size. However, everything is fine on the computer, but on the phone all the fonts are a little larger, from which everything goes a little bit. Basically it is not noticeable, but in one place it is very even.
Like this on a computer: Like
5gneiUkJK66uqEdtacEL5H
this on a smartphone:
2bL5q5jxJewNHvXr7dNjK7
How to make fonts the same? Do zoom out for small screens?

Reply

Answer the question

In order to leave comments, you need to log in

5 answer(s)

Y

Yuri Lobanov, 2014-03-01
@SkaN2412

Did you reset the styles with something like CSS Reset?

R

Roman Misyura, 2014-03-02
@MindMinimal

The fact is that the styles were not reset, and that's the problem. Take a look here: www.cssreset.com - choose to reset styles and I think a lot of things are "normalized" for you.

P

Pozadi, 2014-03-01
@Pozadi

Maybe the page zooms a little on mobile?
Try adding

<meta name="viewport" content="width=device-width, initial-scale=1">

in <head>. This will set the initial zoom to 100%

K

Krickt, 2014-03-01
@shiza36

Change smartphone

A

Alexander Khirenko, 2014-03-01
@Satanpit

Catch up normally so that the block with rounded corners doesn't have a fixed height. With fonts, you'll never guess, on Windows it's one thing, on MacOS it's another, Linux - there are a lot of options in general ... but I generally keep quiet about phones.