如何阻止网页从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宽）它会缩小开始，并且您在双击或使用捏合手势时指定缩放级别。

要达到相同的效果，请使用网站上的最大宽度来匹配iPhone的分辨率，即320px。

在CSS中，这可以像：

div#wrapper
{
  width: 320px;
}