如何禁用捏缩放有很多问题,并且有很多好的答案。我从this等问题以及我在我的应用中使用的内容中学到的是:
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
html, body {
-ms-content-zooming: none;
touch-action: none;
}
在大多数情况下,这适用于IE11和Chrome。但至少有一个特殊情况,MS Surface上带有Windows 8.1的Chrome开始变焦:捏合div
的{{1}}。这是一个已知的问题?有没有解决这个问题的方法(我找不到)?
Javascript解决方案不是问题,因为我已经处理触摸事件以实现不同的触摸手势(如自定义缩放操作)。
我可以在触摸事件处理程序中调用overflow: auto
,但这也会禁用默认的滚动手势。