I want to disable the double tab zoom on a div in my web page on Android browser. I tried prevent default on touch start and touchmove, cancelling bubble/propagation. I even tried jQuery mobile doubletap event, but it fires after the element is zoomed.
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" />