如何阻止网页从iPhone放大？

Question

某些移动网站（如BBC mobile website）会阻止您放大iPhone上的主要主页 - 这是如何实现的。是否有必须包含在HTMl代码中的指令？

Answer 1

你只需要告诉iPhone不让用户变焦，具有元标记：

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

这仍然应该让你的网页旋转，但不缩放。

Answer 2

这是因为网站的宽度设置为iPhone显示器的原始分辨率。在任何网站上，移动式Safari实际上都不会实时缩放100％，在标准大小的网站上（1000px宽），缩放开始时您可以指定缩放级别，也可以在双击或使用缩放手势时指定缩放级别。

为了达到同样的效果，请在您的网站上使用最大宽度来匹配320px的iPhone分辨率。

在CSS本想这样做：

div#wrapper 
{ 
    width: 320px; 
}