禁用浏览器缩放答案

【问题标题】：Disable Browser Zooming禁用浏览器缩放
【发布时间】：2014-06-12 20:43:17
【问题描述】：

我想禁用放大我的网站并在 hade 标签上使用此代码：

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

但它不起作用。我需要一种用户无法放大或缩小的方式。

【问题讨论】：

你说的是安卓/iOS/等浏览器还是普通桌面操作系统？

标签： javascript css google-chrome firefox browser

【解决方案1】：

尝试 user-scalable=0 而不是 no

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

【讨论】：

【解决方案2】：

等等，取决于你想要什么。您的代码似乎适合移动应用程序。但是，AFAIK，不可能在浏览器（如 Firefox、IE ......）中做同样的事情。您可以随时放大/缩小。

viewport 不适用于网络浏览器，而是用于移动设备。这就像禁用右键单击或图像下载：不是一个好习惯；）

【讨论】：