桌面谷歌Chrome浏览器禁用放大?

时间:2017-02-20 16:41:35

标签: javascript css google-chrome chromium

我已经尝试了所有方法来禁用放大(在触摸屏上),同时将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" />

以上都不起作用。是否有任何一种方法可以禁用这个坏男孩?

1 个答案:

答案 0 :(得分:1)

不幸的是,无法以声明方式禁用缩放缩放 - 桌面浏览器会忽略视口<meta>标记。

如果您控制了网页内容,则可以使用touch-action或收听触摸事件,并在两根手指关闭时调用preventDefault()。

如果您不控制内容但控制自助服务终端设置,则可以使用--disable-pinch命令行标记启动Chrome。

相关问题