iPhone / iPod - предотвращение изменения размера шрифта - PullRequest
Новая
       29

iPhone / iPod - предотвращение изменения размера шрифта

8 голосов
/ 23 мая 2011

Мне было интересно, возможно ли предотвратить следующее поведение: у меня есть файл * .css, в котором я определяю размер шрифта для моего мобильного веб-приложения.

html, body {размер шрифта: 16 пикселей! важно;}

Я не использовал другие атрибуты размера шрифта в моих файлах.Теперь, когда я перехожу в ландшафтный режим, размер шрифта меняется.Как я могу предотвратить или манипулировать этим поведением.Нужно ли использовать @media screen and (max-width: x px) { } или есть другой способ?

Спасибо, что поделились.

1 Ответ

14 голосов
/ 23 мая 2011

Вам может понадобиться использовать дополнительные селекторы, но следующее должно помочь: 

html,body { -webkit-text-size-adjust:none; }

Чтобы это правило не препятствовало изменению размера текста в браузерах рабочего стола WebKit (Chrome, Safari и скоро Opera),оберните его в медиа-запрос CSS, нацеленный на нужные устройства, например: 

/* iPhone, portrait & landscape. */
@media all and (max-device-width: 480px) {
    html,body { -webkit-text-size-adjust:none; }
}
/* iPad, portrait & landscape. */
@media all and (min-device-width: 768px) and (max-device-width: 1024px) {
    html,body { -webkit-text-size-adjust:none; }
}
...