Я использую это в html:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
и это в CSS:
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }\
также пробовал это:
html { -webkit-text-size-adjust: none; }
и все же по какой-то причине это происходит:
Обновление. Я попытался удалить все стили, чтобы увидеть, вызывает ли какой-либо из моих CSS этот результат, и результат был странным: когда я не использую никаких правил шрифта, шрифт просто становится больше ( он не масштабируется, поскольку масштабирование блокируется атрибутом HTML viewport
), кроме того, только малый шрифт становится больше, заголовки остаются неизменными. weird @# $%
Обновление 2: я играл с html/css и пришел к такому выводу - единственный раз, когда расширение текста НЕ происходит, когда текст содержится внутри единственного элемента на странице - например, если все мое тело содержит p/span/div с текстом, оно не будет увеличено. Если я добавлю в него еще один элемент с текстом, весь текст на странице будет увеличен в альбомном режиме.
Я пробовал делать некоторые исследования и просматривал многие мобильные сайты, и результат один и тот же - все они имеют этот эффект.