Доброго времени суток, столкнулся с проблемой верстки и незнаю откуда ноги растут и как исправить
два одинаковых класса ведут себя по разному на мобильных устройствах,
баг замечен и на Anroid и на iOS.
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуДоброго времени суток, столкнулся с проблемой верстки и незнаю откуда ноги растут и как исправить
два одинаковых класса ведут себя по разному на мобильных устройствах,
баг замечен и на Anroid и на iOS.
Мобильные браузеры увеличивают текст в широких блоках. Добавьте к html
html {
-webkit-text-size-adjust: 100%;
}
Более подробно об этом свойстве и его проблемах, но у себя такого не замечал http://habrahabr.ru/post/133465/
Так срабатывает Font Boosting у мобильных браузеров. Альтернативные способы решения. Задать viewport равной ширине экрана, добавив тег:
<meta name = "viewport" content = "width=device-width, initial-scale=1">
Или указать в CSS:
html * {max-height: 1000000px;}