Почему размер шрифта в Safari на Mac OS намного меньше?

Question

У меня есть веб-сайт, который использует CSS для всех своих стилей, а в Windows межстрочный интервал и размеры шрифтов одинаковы для Firefox, Opera, IE, Safari, Chrome.

У меня есть толькоопробовал его в Firefox на Mac (Snow Leopard), и хотя шрифты выглядят немного жирнее, чем в Windows, общий размер выглядит примерно одинаково.

Однако в Safari на Mac всешрифты выглядят намного меньше, межстрочный интервал также намного теснее.

Какова вероятная причина этого?Это известный сценарий, возможно, с хорошим обходным путем?

Если вы хотите проверить ситуацию, рассматриваемый сайт: http://www.marcusstarnes.co.uk

Спасибо

Answer 1

Поскольку вы устанавливаете размер шрифта в em (хорошо - не меняйте это!), Размер шрифта зависит от настроек браузера / пользовательских предпочтений.Скорее всего, у вас установлен меньший шрифт в Safari.

С другой стороны, если вы находитесь в лагере «все браузеры должны выглядеть примерно так, иначе мир закончится», то вам не следуетиспользовать em s.

Я не уверен насчет line-height: 1 в таблице стилей сброса.Это просто кажется мне неправильным ...

РЕДАКТИРОВАТЬ: Ой, подождите, я только что обнаружил font-size:62.5%;.То, что я сказал, не меняет, но это неудобно мало для многих, потому что вы используете две трети предпочтительного размера пользователей.

Answer 2

Я знаю, что это старый пост, но недавно я столкнулся с той же проблемой.Единственным браузером, с которым у меня были проблемы, был Safari на Mac.В конечном итоге я решил изменить проблему с:

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

на

html { font-size: 16px; overflow-y: scroll; -webkit-text-size-adjust: 16px; -ms-text-size-adjust: 16px; }

. Это просто заставило браузеры использовать «средний» размер шрифта имасштабировал это оттуда.Единственная причина, по которой я добавляю это, заключается в том, что на самом деле не было дано ответа.Надеюсь, это поможет кому-то, кто сталкивается с этим.