Android и WebOS не масштабируют контент?

В настоящее время я создаю веб-сайт, оптимизированный для мобильных устройств.

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

У меня есть динамическая сетка javascript, и я не хочу масштабирования на мобильных устройствах.

Приведенная выше строка отлично работает на iphone, но я думаю, что она не работает на android или webos. Как я могу установить режим БЕЗ МАСШТАБА для этих мобильных устройств. Значит, нет масштабирования и масштабирования, а ширина устройства равна 100% ширине браузера?


iphone android css webos
person matt    schedule 09.12.2010    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Согласно http://developer.android.com/guide/webapps/targeting.html#Metadata, свойство "масштабируемое пользователем" необходимо установить на "нет", а не на 0. Итак:

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

ИЗМЕНИТЬ: дополнительная информация в нижней части страницы по адресу Справочная библиотека Safari - Поддерживаемые метатеги:

масштабируемый пользователем
Определяет, может ли пользователь увеличивать и уменьшать масштаб - может ли пользователь изменять масштаб области просмотра. Установите yes, чтобы разрешить масштабирование, и no, чтобы запретить масштабирование. По умолчанию yes.

Установка user-scalable на no также предотвращает прокрутку веб-страницы при вводе текста в поле ввода.

Доступно в iOS 1.0 и новее.

person peterjmag    schedule 09.12.2010