Некоторые размеры шрифта отображаются больше на Safari (iPhone)



есть ли CSS или другие причины, по которым Safari/iPhone будет игнорировать некоторые настройки размера шрифта? На моем конкретном веб-сайте Safari на iPhone отображает некоторый размер шрифта:13px текст больше, чем размер шрифта: 15px текст. Может быть, он не поддерживает размер шрифта на некоторых элементах?

129   6  

6 ответов:

-webkit-text-size-adjust. Вот пример того, как применить это к вашему телу, только для iPhone:

@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

кроме того, убедитесь, что вы устанавливаете начальную настройку масштабирования на 1 в метатеге видового экрана:

<meta name="viewport" content="width=device-width; initial-scale=1.0;" />

Я больше не использую определения пикселей, поскольку они действительно сбивают с толку и не совсем одинаковы в визуальных службах.

отвечают блоки

  1. " Ems "(em):" em " - это масштабируемое устройство, которое используется в веб-носителях документов. Em равен текущему размеру шрифта, например, если размер шрифта документа равен 12pt, 1em равен 12pt. Ems масштабируемы по своей природе, поэтому 2em будет равен 24pt .5em будет равно 6pt и т. д. ЭМС становятся все более популярно в веб-документах благодаря масштабируемости и их удобному для мобильных устройств характеру.
  2. пиксели (px): пиксели являются единицами фиксированного размера, которые используются в экранных носителях (т. е. для чтения на экране компьютера). Один пиксель равен одной точке на экране компьютера (наименьшее деление разрешения экрана). Многие веб-дизайнеры используют пиксельные единицы в веб-документах, чтобы создать пиксельное представление своего сайта, как он отображается в браузере. Одна проблема с пикселем блок заключается в том, что он не масштабируется вверх для слабовидящих читателей или вниз, чтобы соответствовать мобильным устройствам.
  3. точки (pt): точки традиционно используются в печатных носителях (все, что должно быть напечатано на бумаге и т. д.). Одна точка равна 1/72 дюйма. Точки очень похожи на пиксели, поскольку они являются единицами фиксированного размера и не могут масштабироваться по размеру.
  4. процент ( % ): процентная единица очень похожа на единицу "em", за исключением нескольких фундаментальных различий. Прежде всего, текущий размер шрифта равен 100% (т. е. 12pt = 100%). При использовании единицы процента ваш текст остается полностью масштабируемым для мобильных устройств и для доступа.

У меня была такая же проблема, оказывается в исходном CSS была такая строка:

- webkit-text-size-adjust: 120%;

Мне пришлось изменить его на 100%, и все было гладко. Нет необходимости менять все px на em или %%.

также проверьте, если у вас нет" ширины/высоты", установленных для элементов, которыми вы манипулируете, Safari дает приоритет размера над размером шрифта в svg, Chrome и FF, похоже, в настоящее время по крайней мере.

    Ничего не найдено.

Добавить ответ:
Отменить.