Ipad的水平寬度問題

Question

我正在構建網站的移動優化版本並測試不同的移動設備，但似乎無法弄清楚如何讓此頁面不會超過iPad的橫向寬度。

http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1656/Mobile_web/home.html

這就是我建立的頁面。只是爲了澄清，在Ipad上，垂直視圖很適合。但是在水平視圖中，它會擴展超過寬度，用戶必須捏住它才能查看整個頁面。我正在使用寬度爲100％的容器，我認爲這是問題，但是如何在不影響垂直視圖寬度的情況下使水平視圖更小？

在此先感謝您的幫助！

Answer 1

@SERIK;首先在您的meta tag中定義viewport。 是這樣的。

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

欲瞭解更多信息必須看到這些鏈接的http://matthewjamestaylor.com/blog/ipad-layout-with-landscape-portrait-modes，http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3889591/Detect-and-Set-the-iPhone--iPads-Viewport-Orientation-Using-JavaScript-CSS-and-Meta-Tags.htm，http://thomasmaier.me/blog/2010/03/04/howto-css-for-the-ipad/

Answer 2

您是否嘗試過使用viewport元標籤進行移動探險？

Answer 3

你可以簡單地添加到你的頁面模板HTML：在Safari Developer Library