防止放大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();
}; 

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