javascript - 桌面谷歌 chrome 浏览器禁用放大？

Question

我已经尝试了所有方法来禁用放大(在触摸屏上)，同时将 Google chrome 作为信息亭。

<meta content='width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,target-densitydpi=device-dpi' name='viewport' />

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


<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

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

以上均无效。有什么单一的方法可以禁用这个坏男孩的吗？

Answer 1

不幸的是，无法以声明方式禁用双指缩放 - 桌面浏览器会忽略视口(viewport) <meta>标签。

如果控制页面内容，可以使用touch-action或监听触摸事件并在两根手指按下时调用 preventDefault()。

如果您不控制内容但控制信息亭设置，则可以使用 --disable-pinch 启动 Chrome命令行标志。