Can't pinch and zoom on a mobile device webpage

[admin]

Zoom can be repressed by doing the following:

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />

and

<meta name=”viewport” content=”user-scalable=no” />

It’s the initial-scale=1.0 and maximum-scale=1.0 which effectively disables zoom in the first example and content=”user-scalable=no” in the second. On mobile devices you want to give the user as much control over screen size as you can.

So instead change the maximum-scale=2.0 or higher though 2.0 seems to be enough for most users :

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0" />

and

<meta name=”viewport” content=”user-scalable=YES” />