Javascript-форум (https://javascript.ru/forum/)
-   Мобильный JavaScript (https://javascript.ru/forum/mobile/)
-   -   Едудт шрифты в iPhone при повороте телефона (https://javascript.ru/forum/mobile/19139-edudt-shrifty-v-iphone-pri-povorote-telefona.html)

Snipe 27.07.2011 10:56

Едудт шрифты в iPhone при повороте телефона
 
Вопрос по верстке, а не по JS. Зато по мобильному устройству.

Никто не сталкивался со следующим?
При повороте телефона на 90 градусов в случайном порядке едут шрифты. Т.е. часть текстов на странице остаются фиксированными, а другая часть увеличивается. При этом стили у элементов могут быть одинаковыми. Просто один элемент вложен в див, например, а другой не вложен.

Только в iPhone беда, в опере все ок.

Если кто-то сталкивался, скажите плиз, как решали.

Snipe 27.07.2011 11:55

Нашел еще условие.
Если див автоматом растягивается или имеет достаточную ширину - сафари в рамках дива может самостоятельно увеличить текст.
Если, например, сделать див инлайн-элементом, чтобы он не растягивался, а имел ширину необходимую для контента, то мобильный сафари текст не увеличивает.

Есть способы проще, кроме как переверстать на инлайн элементы?

Snipe 27.07.2011 12:33

Будущим поколениям: -webkit-text-size-adjust: none;

da_ff 28.07.2011 10:40

От себя добавлю, чтобы убрать рамку подсвечивающую ссылки при клике
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);


Часовой пояс GMT +3, время: 17:10.