jquery-mobile - 防止放大Phonegap + JQuery Mobile

Question

我正在构建一个 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" />

有谁知道缩放的解决方案？

Answer 1

尝试：

<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

Answer 2

将“user-scalable=no”放入您的元标记

像这样

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

这是停止放大手机的最佳方法，它在 phonegap 中对我有用

Answer 3

接受的解决方案似乎在 iOS10 中不起作用，这确实：

// stop ios bounce and zoom 
document.ontouchmove = event => {
  event.preventDefault();
}; 

这将停止移动事件到达根元素/浏览器