IOS/мобильное сафари по-прежнему масштабируется, а в окне просмотра установлено значение "user-scaleable = no? Проверьте настройки специальных возможностей!

Эта конкретная проблема Mobile Safari (казалось бы, невозможная и еще не документированная) заставила меня долгое время долгое время, и я собирался задать вопрос об этом здесь, когда я это понял.

Проблема: пока я установил <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;"/>, мое iPad-приложение по-прежнему допускало ручное масштабирование (защемление в браузере). - Но только на моем iPad, а не на моем iPhone.

Кроме того, я бы повернул устройство между портретными и ландшафтными режимами, чтобы проверить специфические CSS-коды режима ориентации, которые дали странные результаты:

Вращение с Пейзажа на Портрет не было проблемой, размеры и расположение всего, что имело смысл.
После этого поворот с "Портрет назад" на "Пейзаж" и... окно просмотра осталось таким же широким, как в режиме "Портрет", т.е. он был увеличен (масштабирован). Мне пришлось вручную уменьшить масштаб, чтобы вернуться к полной картине/видовому экрану. Это должно быть невозможно.

Ответ 1

Затем я нашел отличный iPad CSS Layout с ландшафтным/портретным режимом. Это выглядело многообещающе, но у меня была идентичная проблема. Тем не менее, проверяя это на втором iPad, он работал идеально: никаких проблем с масштабированием вообще. Итак, мы решили, что это связано с моим конкретным iPad.

Тогда это меня поразило: недели назад я пробормотал с настройками доступности. Масштабирование всего интерфейса, как вы можете сделать в OSX (ctrl + scroll) и т.д. Возможно, это было связано с Mobile Safari в некотором роде? Ну, оказывается.

Сегодня я узнал: Когда доступность > Масштабирование включено, это перекрывает настройки мета-видовых экранов.

Попробуйте сами? Вы найдете его здесь: Settings > General > Accessibility > Zoom

Ответ 2

Как человек с проблемами зрения, я сильно полагаюсь на возможность масштабирования мобильных сайтов. Теперь с обновлением iOS 5 нет способа заставить iOS больше игнорировать настройки, масштабируемые пользователем, и я вдруг обнаруживаю, что не могу использовать половину веб-сайтов, которые я использую регулярно, потому что я не могу их увеличить.

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

Ответ 3

Просто небольшое обновление для вас: это было исправлено Apple. Начиная с iOS 5 beta 1, параметр доступности Zoom не приведет к игнорированию метатега viewport.

Ответ 4

Примечание: используйте запятые как разделители, а не точки с запятой. Чистым способом являются запятые в качестве разделителей. См. Страницу документации http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html, они также используют запятые. И хотя Chrome показывает ошибки в консоли, если вы используете точки с запятой. Я знаю, что это не влияет на iPad или сафари, но если вы можете сделать это чистым, почему бы и нет?:)