防止放大Phonegap + JQuery Mobile
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了防止放大Phonegap + JQuery Mobile相关的知识，希望对你有一定的参考价值。
我正在构建一个PhoneGap + JQuery Mobile应用程序，但我似乎无法阻止它通过双击放大。我按照http://www.tricedesigns.com/2012/01/17/mobile-web-phonegap-html-dev-tips/列出的提示，特别添加：
<meta name="viewport" content="width=device-width, user-scalable=no" />
有没有人知道缩放的解决方案？
答案
尝试：
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
这是我使用的，我没有任何缩放行为。
以下是viewport元标记的Apple文档：https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html
另一答案
将“user-scalable = no”放入元标记中
像这样
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">另一答案
接受的解决方案在ios10中似乎不起作用，这样做：
// stop ios bounce and zoom
document.ontouchmove = event => {
event.preventDefault();
};
这将停止移动事件到达根元素/浏览器
以上是关于防止放大Phonegap + JQuery Mobile的主要内容，如果未能解决你的问题，请参考以下文章