Android и Webos нет масштабирования контента?

Question

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

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

У меня динамическая сетка JavaScript, и я не хочу масштабирования на мобильных устройствах.вышеприведенная строка отлично работает на iphone, однако я думаю, что он не работает на Android или WebOS.Любая идея, как я могу установить режим NO-SCALE для этих мобильных устройств.Таким образом, нет никакого увеличения и масштабирования, а ширина устройства равна 100% ширины браузера?

спасибо за ваши советы.

regards matt

Answer 1

Согласно 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 и более поздних версиях.