Как предотвратить масштабирование и перемещение страницы в мобильных браузерах?

Question

Как и в заголовке, им требуется рабочая область для блокировки масштабирования и, если возможно, блокировка движущейся страницы, это может быть JQuery, JavaScript, HTML или даже PHP.

Я пробовал <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0>" Но не работал. Ждем полезных идей.

Answer 1

Ваш код должен работать. Это обычно работает для меня.

<meta name="MobileOptimized" content="320"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 

Here's some documentation

Answer 2

Этот мета-теги работают хорошо для меня.

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

Ответы на этот вопрос discribes как отключить перемещение страницы в Safary: Mobile Safari: Disable scrolling pages "out of screen"

Answer 3

Попробуйте это один:

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

Answer 4

Проблема в том, ваш атрибут user-scalable=0.

Должно быть user-scalable=no.

user-scalable - Определяет, может ли пользователь увеличивать и уменьшать масштаб, или нет пользователь может изменить масштаб просмотра. Установите значение «Да», чтобы разрешить масштабирование, и нет, чтобы запретить масштабирование. По умолчанию yes. Настройка масштабируемости пользователя на нет также предотвращает прокрутку веб-страницы при вводе текста в поле ввода. Доступен в iOS 1.0 и новее.

(Apple Safari Dev)