移動設備瀏覽器寬度縱向和橫向

Question

我正在爲桌面和移動設備製作HTML5響應式網站。什麼是實際的瀏覽器寬度（縱向和橫向），例如三星Galaxy S3具有720px的分辨率，但我通常會發現縱向瀏覽的顯示效果遠不如此。任何指針呢？ 謝謝。

Answer 1

您可能會遇到與視口大小有關的問題。

移動瀏覽器的頁面虛擬大小通常比實際屏幕分辨率更大（有時更小）。此視口縮放可以使用元標記進行控制。

<meta name="viewport" content="width=device-width"> 

此頁面有更多詳細信息。它適用於iOS，但概念廣泛適用：http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html