禁用浏览器缩放

Question

I want to disable zooming in my website and use this code on the hade tag : 我想禁用网站缩放功能，并在hade标签上使用以下代码：

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

but it dosent work. 但它确实起作用。 i need a way that users cant zoom in or zoom out. 我需要一种用户无法放大或缩小的方式。

Answer 1

Try user-scalable=0 instead of no 尝试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>

Answer 2

Wait, depends of what you want. 等待，取决于您想要什么。 Your code seems right for mobile app. 您的代码似乎适合移动应用。 But, AFAIK, it's impossible to do the same thing in browsers (like Firefox, IE...). 但是，AFAIK不可能在浏览器（如Firefox，IE等）中执行相同的操作。 You can always zoom in / zoom out. 您始终可以放大/缩小。

viewport is not for web-browser but mobile. 视口不是用于Web浏览器的，而是用于移动设备的。 It's like disable right click or image download : not a good practice ;) 就像禁用右键单击或下载图片：不是一个好习惯；）

禁用浏览器缩放

问题描述

2 个解决方案

解决方案1
0 2014-04-27 10:25:04

解决方案2
0 2014-04-27 13:03:53

禁用浏览器缩放

问题描述

2 个解决方案

解决方案1 0 2014-04-27 10:25:04

解决方案2 0 2014-04-27 13:03:53

解决方案1
0 2014-04-27 10:25:04

解决方案2
0 2014-04-27 13:03:53