CODEWITHSUNDEEP
c#javascriptcsscordovawindows-phone
user2189143
user2189143

Reputation:

Windows Phone PhoneGap App should not be zoomable

I am developing Windows Phone PhoneGap app. Now the app is zoomable. I want the app to be not zoomable. Any help is appreciated. I tried <meta name="viewport" content="user-scalable=no"> and <body style="-ms-touch-action: none;">, they did not work.

Upvotes: 1

Views: 278

Answers (3)

Enny
Enny

Reputation: 771

Use this code in your css. This solved the problem for me.

* {
    zoom:1;
    -ms-content-zooming:none;
}

Upvotes: 0

user2598333
user2598333

Reputation:

This may help you:

When you package an Enyo (or any HTML app) on WP7, the native WebBrowser control is used as the wrapper for your content. Like other platforms, you have the option of setting your viewport to control whether or not the user can pinch/zoom.

<meta name="viewport" content="user-scalable=no">

http://forums.enyojs.com/discussion/353/windows-phone-7-disabling-the-default-pinch-zoom-scroll-snapback-behavior

Upvotes: 1

sohel khalifa
sohel khalifa

Reputation: 5578

Try to add this meta tag in the head section of the page.

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

Upvotes: 0

Related Questions