Некоторый размер шрифта представил больше на Safari (iPhone)
Есть ли CSS или другие причины, почему Safari/iPhone проигнорировал бы некоторые настройки размера шрифта? На моем конкретном Safari веб-сайта на iPhone представляет некоторый текст шрифта-size:13px, больше, чем текст шрифта-size:15px. Разве это, возможно, не поддерживает размер шрифта на некоторых элементах?
2 ответа
В ответе Джо есть несколько передовых практик, но я думаю, что проблема, которую вы описываете, связана с тем фактом, что Mobile Safari автоматически масштабирует текст, если считает, что текст будет отображаться слишком маленьким. Вы можете обойти это с помощью свойства CSS -webkit-text-size-adjust . Вот пример того, как применить это к своему телу только для iPhone:
@media screen and (max-device-width: 480px){
body{
-webkit-text-size-adjust: none;
}
}
Я больше не использую определения пикселей, так как они очень запутаны и не совсем одинаковы в разных визуальных сервисах.
Знакомство с единицами измерения
- "Эмы" (em): "em" - это масштабируемая единица, которая используется в веб-документах. Размер em равен текущему размеру шрифта, например, если размер шрифта в документе 12pt, то 1em равен 12pt. Эмы масштабируемы, поэтому 2em будет равен 24pt, .5em - 6pt и т.д. Эмы становятся все более популярными в веб-документах благодаря масштабируемости и удобству для мобильных устройств.
- Пиксели (px): Пиксели - это единицы фиксированного размера, которые используются в экранных средствах информации (т.е. для чтения на экране компьютера). Один пиксель равен одной точке на экране компьютера (наименьшее деление разрешения вашего экрана). Многие веб-дизайнеры используют единицы измерения пикселей в веб-документах, чтобы создать идеальное с точки зрения пикселей представление своего сайта при его отображении в браузере. Одна из проблем с пиксельной единицей заключается в том, что она не масштабируется вверх для читателей с ослабленным зрением или вниз для мобильных устройств.
- Пункты (pt): Точки традиционно используются в печатных СМИ (все, что должно быть напечатано на бумаге и т.д.). Один пункт равен 1/72 дюйма. Точки во многом похожи на пиксели, так как являются единицами фиксированного размера и не могут масштабироваться.
- Процент (%): Единица процента во многом похожа на единицу "em", за исключением нескольких фундаментальных различий. Прежде всего, текущий размер шрифта равен 100% (т.е. 12pt = 100%). При использовании единицы процента ваш текст остается полностью масштабируемым для мобильных устройств и для доступности.