Windows Phone PhoneGap App should not be zoomable
Question
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.
3 answers
solution1
1
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">
solution2
0 2013-07-19 08:59:48
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" />
solution3
0 2015-08-13 06:04:17
Use this code in your css. This solved the problem for me.
* {
zoom:1;
-ms-content-zooming:none;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.