SkaN2412
@SkaN2412
Программист, но хороший человек.

Почему статическая верстка выглядит по-разному на разных устройствах?

Есть сайт, которые верстался со всеми статическими величинами, будь то ширина, высота или размер шрифтов. Однако на компьютере все хорошо, но на телефоне все шрифты немного больше, от чего все по чуть-чуть да едет. В основном это не заметно, но в одном месте очень даже.
Вот так на компьютере:
5gneiUkJK66uqEdtacEL5H
Вот так на смартфоне:
2bL5q5jxJewNHvXr7dNjK7
Как сделать так, чтобы шрифты были одинаковы? Делать уменьшение для маленьких экранов?
  • Вопрос задан
  • 3401 просмотр
Решения вопроса 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
А Вы стили сбрасывали чем-нибудь вроде CSS Reset?
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
MindMinimal
@MindMinimal
Front-end Developer, веб-разработчик
Дело в том, что стили не сбрасывали, вот и получилась проблема. Посмотрите тут: www.cssreset.com - выбираете сброс стилей и думаю много чего у вас "нормализируеться.
Ответ написан
Комментировать
Pozadi
@Pozadi
Может быть на мобильных немного зумируется страница?
Попробуйте добавить
<meta name="viewport" content="width=device-width, initial-scale=1">
в <head>. Это будет ставить начальный зум в 100%
Ответ написан
shiza36
@shiza36
Поменять смартфон
Ответ написан
Комментировать
Satanpit
@Satanpit
Front-end developer
Наверстайте нормально, чтобы в блоке с скругленными углами не была фиксированная высота. Со шрифтами Вы никогда не угадаете, на Windows это одно, на MacOS - другое, Linux - там вообще масса вариантов... а за телефоны я вообще молчу.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы