在移动网站上禁用缩放

我想在移动设备上禁用捏和缩放。

我应该把什么configuration添加到视口？

链接： http : //play.mink7.com/n/dawn/

Answer 1

编辑：因为这不断得到评论，我们都知道，我们不应该这样做。 问题是我该怎么做，我不应该这样做。

添加到您的移动设备。 然后做你的宽度百分比，你会没事的：

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

将其添加到不能使用视口的设备：

 <meta name="HandheldFriendly" content="true" /> 

Answer 2

这是我所需要的一切：

 <meta name="viewport" content="user-scalable=no"/> 

Answer 3

对于那些说这是个坏主意的人，我想说这并不总是一个坏主意。 有时候要缩小才能看到所有的内容是非常无聊的。 例如，当您在iOS上input内容时，它会将其放大到屏幕中央。 因为closures键盘不能完成工作，所以必须缩小。 另外我同意，当你把很多我花费在一个伟大的布局和用户体验，你不希望它通过缩放混乱。

但另一个观点对于有视力问题的人也是有价值的。 但是，在我看来，如果你的眼睛有问题，你已经在使用系统的缩放function，所以不需要打乱内容。

Answer 4

IE有它自己的方式：一个css属性，-ms-content-zooming。 将其设置为无身体或东西应该禁用它。

禁用捏放大IE10

http://msdn.microsoft.com/en-us/library/ie/hh771891(v=vs.85).aspx

Answer 5

尝试使用最小宽度属性。 让我解释一下 假设一个屏幕宽度为400px的设备（例如）。 放大时，字体变得越来越大。 但盒子和div仍然有相同的宽度。 如果你使用最小宽度，你可以避免减less你的div和box。