Устранение автоматического масштабирования в виджете мобильного сафари?

Question

Я разработал веб-приложение для iPhone, в котором есть страница с виджетом textarea.Когда я начинаю редактировать содержимое этого виджета textarea, Safari увеличивает масштаб и делает текст по-настоящему большим.Теперь я больше не могу видеть документ, только маленький кусочек размером с почтовую марку.

Могу ли я установить какие-либо свойства, которые не позволят мобильному Safari этого делать?Я просто хочу, чтобы шрифт textarea оставался неизменным при редактировании текста.Спасибо.

Answer 1

Вам нужно установить текстовое поле font-size на 16px и иметь initial-scale из 1.0.

Но если ваше приложение на самом деле не разработано для iPhone, то есть, еслиПо сути, это обычная веб-страница, которую пользователи должны масштабировать, тогда вам, вероятно, придется с ней нормально общаться.Знаете, худшее, что нужно сделать своим пользователям, это показать им текст 6pt, который они не могут увеличить.У некоторых из них не будет идеального зрения.

См. Также: Список всех специальных мета-тегов Safari / iOS от Apple .

Answer 2

Вы можете добавить:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

в ваш HTML-заголовок.