Добрый день!
Использую в своей верстке rem-ы, изначально на html установлен font-size: 10px;
В десктопном сафари у клиента все выглядит ужасно, rem-ы считают не по 10, а по 18. На мобильных устройствах все нормально. Пробовал использовать browserStack, тоже все нормально. Ос Big Sur. Помогите пожалуйста решить.
Возможно сафари перебивает размер шрифта по умолчанию Ваши правила. И не факт что дело в сафари. Возможно пользователь накрутил у себя в конкретно его сафари и браузер отдаёт такому определению наивысший приоритет.
Можно попробовать задать Вам font-size: 10px !important. Но это так, пальцем в небо и практика сомнительная.
В этом то и смысл, чтобы шрифты были относительно рута, а рут можно было изменять. И вёрстка должна быть к этому готова.
Вадим, Пробовал импортант, не помогло. Я тестировал на других маках и там все нормально, скорее всего это действительно его сафари, но можно ли как то повлиять на такое ?
Tupic123, если у него через расширение изменён размер шрифта, то только повышением специфичности селектора. А так удалённо не скажу, особенно с учётом что у других нормально.
Предложите ему запустить в инкогнито режиме. Там расширения не работают и голый сафари должен запускаться. Если там будет всё ок - говорите клиенту что это его проблема, либо делайте вёрстку так, чтобы размер шрифта не оказывал пагубного воздействия и всё соразмерно увеличивалось.
Tupic123, такая настройка есть не только на маках. Соответственно, у любого человека может быть установлен минимальный шрифт.
Можно ли это как то "превентнуть" ?
Сначала подумать, а нужен ли rem и имеет ли смысл его использовать так, как вы его используете.
Если всё таки да, то пересчитать не от 10, а, например, от 16.