Как избежать автоматической регулировки размера шрифта iOS?

Я не говорю о масштабировании страницы, а скорее о том, как MobileSafari на iOS иногда иногда набирает некоторые размеры шрифтов.

Когда именно это делается? Может ли это быть предотвращено или обескуражено?

Ответ 1

Было много проблем с отслеживанием, но: его свойство -webkit-text-size-adjust в CSS.

Подробнее об этом и о других CSS, ориентированных на iOS.

значения:

Процент (по умолчанию), например. 120%, или 100%
auto (по умолчанию)
none - если auto не работает для вашей страницы. Однако это часто вызывает проблемы с масштабированием. Вместо этого используйте 100%.. Например, откройте Safari на рабочем столе и увеличьте страницу (Command-Plus) - ваш текст не будет увеличен, хотя вся страница будет увеличена! Не использовать none!

Обратите внимание, что они могут применяться не только на уровне страницы, но и на уровне элемента/виджета/контейнера.

(Я бы не просто указал значение 100% для моего сайта, если бы я не был уверен, что он уже оптимизирован для небольших экранов, и никогда none, поскольку он вызывает проблемы.)

Обратите внимание, что в Firefox Mobile (например, для Android и Firefox) существует аналогичное свойство, -moz-text-size-adjust, задокументировано здесь. Спасибо Коста за это.

Очевидно, у Microsoft также есть версия для мобильного IE: -ms-text-size-adjust.

Ответ 2

body {
    -webkit-text-size-adjust: 100%;
}

Просто убедитесь, что весь ваш текст имеет разборчивый размер. У iPhone и iPod touch есть небольшой экран, поэтому имейте это в виду.

Ответ 3

Принятый ответ работает, но в других браузерах webkit он блокируется в font-size для людей, которые масштабируются. Использование 100% вместо none работает в обоих направлениях:

body {
    -webkit-text-size-adjust: 100%;
}