在Phonegap + JQuery Mobile中防止缩放

Question

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" />

有没有人知道放大的解决方案？

- Anthony

3个回答

1

请将"user-scalable=no"放入您的meta标签中，如下所示：

像这样

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

This is the best way to stop zoom in mobile, Its work for me in phonegap

- Sarbasish Mishra

0

被接受的解决方案似乎在iOS10中无法工作，这个可以：

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

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

- Nick Hingston

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jasper · Accepted Answer

尝试：

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

这是我使用的内容，我没有遇到任何缩放行为。