Disabling double tap zoom on android web browsers,without viewport

javascript-events android-browser
Krishna Bhatia picture Krishna Bhatia · Jan 29, 2013 · Viewed 8.7k times · Source

I want to disable the double tab zoom on a div in my webpage on android browser. I tried prevent default on touch start and touchmove,cancelling bubble/propogarion. even tried jquery mobile doubletap event,but it fires after the element is zoomed.

Answer

Izazael picture Izazael · Feb 1, 2013

Add the following meta. This will stop double-tap zoom in the majority of mobile browsers, but will stop it everywhere on your page - not just in your single div. It's all or nothing, I'm afraid.

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

Related questions

How can I trigger an onchange event manually?

I'm setting a date-time textfield value via a calendar widget. Obviously, the calendar widget does something like this : document.getElementById('datetimetext').value = date_value; What I want is : On changing value in the date-time textfield I need to reset some …

Read More
Using jQuery to test if an input has focus

On the front page of a site I am building, several <div>s use the CSS :hover pseudo-class to add a border when the mouse is over them. One of the <div>s contains a <…

Read More
Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function

I'm trying to send a call using ajax but in Chrome it is rising error but in firefox there is no error. But still it can't calling the method. I tried to record my call in firebug but there is …

Read More