HTML 5 WebApp Масштабируемость метатег - PullRequest
Новая
       17

HTML 5 WebApp Масштабируемость метатег

1 голос
/ 21 июня 2011

В настоящее время я работаю над HTML 5 WebApp.Все приложение работает отлично, за исключением масштабируемости (Zooming).Я разместил следующий метатег на странице моего WebApp: 

<meta name="viewport" content="user-scalable=yes; width=device-width; height=device-height; initial-scale=1.0;" />

После долгих исследований я пришел к выводу, что эти метатеги в основном предназначены для версии сафари для iPhone.Однако проблема, с которой я сталкиваюсь, заключается в том, что, пока пользователь iPhone находится на моем сайте, до того, как добавить веб-приложение в закладки на домашний экран, пользователь не может увеличивать или уменьшать масштаб (используя движение сжатия).Единственный способ создать эффект увеличения - это когда пользователь меняет ориентацию своего телефона.

Я протестировал этот метатег как на устройстве Apple, так и на устройстве Android.Устройство Android отключило масштабирование, если пользователь масштабируется = нет, и разрешило масштабирование, когда пользователь масштабируется = да, в то время как устройство Apple никогда не разрешало масштабирование ни в одном из двух тестовых случаев.

Мои вопросы:

  1. Эти метатеги в первую очередь предназначены для браузеров iPhone Safari?
  2. Правильно ли я использую вышеуказанный метатег?

  3. Если нет, то как правильноспособ использовать метатег?

    Спасибо за совет заранее!

1 Ответ

13 голосов
/ 23 июня 2011

Я могу ошибаться, но я не думаю, что вам вообще нужна строка user-scalable. Вы пытались удалить это и посмотреть, что происходит? Обычно этого достаточно: 

<meta name="viewport" content="width=device-width" />

... а потом, может быть, отладить оттуда. Если вы do хотите использовать все атрибуты, попробуйте разделить их запятой, а не точкой с запятой. Например: 

<meta name="viewport" content="user-scalable=yes, width=device-width, initial-scale=1.0" />
...