How to prevent zooming and moving page on mobile browsers?

Question

As in title, im looking for working scrypt to block zooming and if possible block moving page, it can be JQuery, JavaScript, HTML or even PHP.

I tried <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0>" But didnt work. Looking forward for helpful ideas.

Answer 1

试试这个：

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

Answer 2

Your above code should work. This usually works for me.

<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 3

This meta-tags work fine for me.

<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" />

Answers to this question discribes how to turn off moving page in safary: Mobile Safari: Disable scrolling pages "out of screen"

Answer 4

The problem is your user-scalable=0 attribute.

It should be user-scalable=no .

user-scalable - Determines whether or not the user can zoom in and out—whether or not the user can change the scale of the viewport. Set to yes to allow scaling and no to disallow scaling. The default is yes . Setting user-scalable to no also prevents a webpage from scrolling when entering text in an input field. Available in iOS 1.0 and later.

( Apple Safari Dev )