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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Аппликация для фильтра заказов
22 дек. 2024, в 20:40
10000 руб./за проект
Расширение для Google Chrome
22 дек. 2024, в 20:34
3000 руб./за проект
Парсер-бот
22 дек. 2024, в 20:12
10000 руб./за проект
Ещё заказы