Search code examples
jquery-mobilecordovatouchzooming

Preventing Zoom in Phonegap + JQuery Mobile

I'm building a PhoneGap + JQuery Mobile app, but I can't seem to prevent it from zooming in with a double click. I followed the tips listed at http://www.tricedesigns.com/2012/01/17/mobile-web-phonegap-html-dev-tips/, specifically by adding:

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

Does anyone know of a solution for zooming?

Solution

  • Try:

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

    This is what I use and I don't get any zooming behavior.

    Here is the Apple documentation for the viewport meta tag: https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html