Как отключить масштабирование видового экрана в Mobile Safari?

Question

Я пробовал все три из них безрезультатно:

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” />

каждый - это разные значения, которые я нашел рекомендованными поиском в Google или поиском SO, но ни одно из значений 'user-scalable = X', похоже, не работает

Я также попытался разделить запятую вместо значения точки с запятой, не повезло. Затем я попытался использовать ТОЛЬКО пользовательское масштабируемое значение, но безуспешно.

UPDATE

Получил это с сайта Apple, и он работает:

<meta name="viewport" content="width=device-width, user-scalable=no" />

оказывается, что проблема заключалась в нестандартных кавычках, потому что я скопировал метатег с сайта, который их использовал, упс

Answer 1

У меня по глупости был div-обертка, ширина которой измерялась в пикселях.Другие браузеры казались достаточно умными, чтобы справиться с этим.После того, как я преобразовал ширину в процентное значение, она отлично работала и на мобильном телефоне Safari.Очень раздражает.

.page{width: 960px;}

до

.page{width:93.75%}

<div id="divPage" class="page">
</div>

Answer 2

Этот должен работать на iphone и т. Д.

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

Answer 3

Чтобы соответствовать требованиям к доступности WAI WCAG 2.0 AA, вы должны никогда не отключать масштабирование. (WCAG 2.0: SC 1.4.4 Изменение размера текста уровня AA). Подробнее об этом можно прочитать здесь: Мобильная доступность: как WCAG 2.0 и другие рекомендации W3C / WAI применяются к мобильным устройствам, 2,2 масштабирования / увеличения