如何阻止網頁從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; 
}