禁用浏览器缩放

时间:2014-04-27 09:49:54

标签: javascript css google-chrome firefox browser

我想在我的网站中禁用缩放,并在hade标记上使用此代码:

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

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

2 个答案:

答案 0 :(得分:0)

尝试user-scalable = 0而不是

<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>

答案 1 :(得分:0)

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

viewport不适用于网络浏览器,但适用于移动设备。这就像禁用右键单击或图像下载:不是一个好习惯;)