Едудт шрифты в iPhone при повороте телефона
Вопрос по верстке, а не по JS. Зато по мобильному устройству.
Никто не сталкивался со следующим? При повороте телефона на 90 градусов в случайном порядке едут шрифты. Т.е. часть текстов на странице остаются фиксированными, а другая часть увеличивается. При этом стили у элементов могут быть одинаковыми. Просто один элемент вложен в див, например, а другой не вложен. Только в iPhone беда, в опере все ок. Если кто-то сталкивался, скажите плиз, как решали. |
Нашел еще условие.
Если див автоматом растягивается или имеет достаточную ширину - сафари в рамках дива может самостоятельно увеличить текст. Если, например, сделать див инлайн-элементом, чтобы он не растягивался, а имел ширину необходимую для контента, то мобильный сафари текст не увеличивает. Есть способы проще, кроме как переверстать на инлайн элементы? |
Будущим поколениям: -webkit-text-size-adjust: none;
|
От себя добавлю, чтобы убрать рамку подсвечивающую ссылки при клике
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); |
Часовой пояс GMT +3, время: 17:10. |