2010-12-09 3 views
4

hey guys, Я в настоящее время создаю сайт, оптимизированный для мобильных устройств.android и webos нет содержимого масштабирования?

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

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

Благодарим вас за советы.

рассматривает матовый

ответ

6

Согласно 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;"/> 

EDIT: Немного больше информации в нижней части страницы в Safari Reference Library - Supported Meta Tags:

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

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

Доступен в iOS 1.0 и более поздних версиях.