Размер шрифта в портретной или альбомной ориентации на мобильных устройствах
Я занимаюсь разработкой мобильного веб-сайта, но столкнулся с этой проблемой - размер шрифта в 14 пикселей отображается гораздо больше в альбомной ориентации, чем в портретной. Однако, похоже, что он основан на том факте, что размер Div установлен на 100%, поэтому в альбомной ориентации он явно шире. Я не понимаю, почему это должно влиять на размер шрифта, учитывая, что 14px не относительный размер, а фиксированный?
Есть ли объяснение тому, чего мне не хватает? Цени любые ответы (пока ты мне не скажешь, я идиот за то, что упустил что-то очевидное!)
2 ответа
Apple изменяет размер шрифта при изменении области просмотра, чтобы улучшить читаемость. Неважно, что размер шрифта установлен на что-то абсолютное, например 14px. Чтобы отключить его, вы можете использовать следующий CSS:
-webkit-text-size-adjust: none;
Комментарий @hotshot309 (ссылка на этот пост за 55 минут) является правильным ответом, но я боюсь, что как комментарий он не получит того внимания, которого заслуживает. То, что ОП (и, вероятно, любой, кто прибывает сюда), должен использовать это:
-webkit-text-size-adjust: 100%;
Если вы установите его noneпользователь не сможет масштабировать, даже если захочет (то, что я, например, часто делаю на рабочем столе, когда мне не хочется нарушать личное пространство монитора своим лицом). С помощью 100% не позволяет webkit выполнять масштабирование по умолчанию, в то же время предоставляя пользователям свободу делать это самостоятельно.