iOS / мобильное сафари по-прежнему увеличивается, в то время как область просмотра настроена на масштабирование пользователем = нет?Проверьте настройки доступности!

Question

Эта специфическая проблема Mobile Safari (казалось бы, невозможная и все же недокументированная) удерживала меня на долгое время сегодня, и я уже собирался опубликовать вопрос об этом здесь, когда понял это. 1003 * Проблема: в то время как я установил <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-коды в режиме ориентации, которые дали странные результаты:

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

Answer 1

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

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

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

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

Answer 2

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

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

Answer 3

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

Answer 4

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