6

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

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

4

3 回答 3

14

尝试：

<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

于 2012-04-24T02:30:29.447 回答
1

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

像这样

  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
这是停止放大手机的最佳方法，它在 phonegap 中对我有用

于 2015-03-09T13:39:40.823 回答
0

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

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

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

于 2017-08-08T21:03:54.873 回答