Размер шрифта в портретной или альбомной ориентации на мобильных устройствах

Question

Я занимаюсь разработкой мобильного веб-сайта, но столкнулся с этой проблемой - размер шрифта 14px в ландшафте гораздо больше, чем в портретной.Однако, похоже, что он основан на том факте, что размер Div установлен на 100%, поэтому в альбомной ориентации он явно шире.Я не понимаю, почему это должно влиять на размер шрифта, учитывая, что 14px не относительный размер, а фиксированный?

Есть ли объяснение этому, которого я пропускаю?Цените любые ответы (если вы не говорите мне, что я идиот за то, что упустил что-то очевидное!)

Answer 1

Apple изменяет размер шрифта при изменении области просмотра, чтобы улучшить читаемость. Неважно, что размер шрифта установлен на что-то абсолютное, например 14px. Чтобы отключить его, вы можете использовать следующий CSS:

-webkit-text-size-adjust: none;

Answer 2

Комментарий

@ hotshot309 (ссылка на это сообщение из 55 минут ) является правильным ответом, но я боюсь, что как комментарий он не привлекает внимания, которого он заслуживает.ОП (и, вероятно, любой, кто прибывает сюда) должен использовать это:

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

Если вы установите его на none, пользователь не сможет масштабировать дажеесли они захотят (то, что я, например, часто делаю на рабочем столе, когда мне не хочется нарушать личное пространство монитора своим лицом).Использование 100% не позволяет webkit выполнять масштабирование по умолчанию, в то же время предоставляя пользователям свободу делать это самостоятельно.