Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Огромные шрифты на мобильном


Автор: kulikoff 20.5.2015, 16:29
Помогите, пожалуйста. Пытаюсь сделать сверстать дизайн. Все размеры и прочее указываю в em. Написал запросы под несколько видов экранов (на разные разрешения), всё нормально. Но есть проблема, у меня в дизайне указано, что max-width самого "родительского" контейнера 1200px, т.е. чтоб дизайн был не больше 1200 пикселей. На мобильных попроще и планшетах всё смотрится просто отлично. А вот на iPhone 6 с разрешением экрана 1334x750 и на Acer E3 Liquid с разрешением 1280x720 вылазит проблема такая, что номера телефонов и адрес получаются просто гигантские и "распирают" колонки, которые идут ниже. Размеры этих шрифтов указаны в em, на компьютере всё выглядит просто отлично, а на мобильных - жутко. Как можно побороться с этим? 
Дизайн лежит по адресу: http://aves.kulikoff.com.ua/

Автор: MyWeb 3.6.2015, 12:42
Можно спокойно верстать используя пиксели, это раз - под мобильные устройства и планшеты верстать лучше на Bootstrap - это два)

если не любишь фреймворки - верстай ручками через медиа-запросы css  smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)