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

Question

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

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

Answer 1

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

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

Answer 2

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

Подробнее об этом и других специфичных для iOS CSS здесь .

Значения:

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

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

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

---

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

---

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

Answer 3

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

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