防止在网站中使用触摸屏进行缩放（IE 11、Win 10）

Question

我有一个使用 jQuery 移动设备创建的网站。我想禁用缩放功能或阻止用户使用捏合缩放或同时用 2 个手指点击来放大。

我一直在寻找答案，但找不到有效的答案。

我尝试使用元标记：

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

也尝试过：

body { -ms-content-zooming: none },
html { -ms-content-zooming: none },
.ui-page { -ms-content-zooming: none }

None 这些解决方案有效。

Answer 1

尝试 user-scalable = no 而不是 user-scalable = 0。

Answer 2

经过更多研究，我终于找到了解决问题的方法。不是最漂亮的，但它适合我。
我不得不向 Internet Explorer 注册表添加一个额外的密钥 (HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Zoom) 以防止任何缩放。可以找到完整的指南 HERE

防止在网站中使用触摸屏进行缩放（IE 11、Win 10）

Prevent zooming using a touchscreen in a website (IE 11, Win 10)

html

javascript

css

jquery

jquery-mobile