css - Ipad 的水平宽度问题

Question

我正在构建网站的移动优化版本并测试不同的移动设备，但我似乎无法弄清楚如何让这个页面不扩展到超过 ipad 的水平宽度。

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

这就是我正在构建的页面。澄清一下，在 Ipad 上，垂直 View 很合适。但在水平 View 中，它会扩展到超过宽度，用户必须捏住它才能查看整个页面。我正在使用 100% 的宽度容器，我认为这是问题所在，但是如何在不影响垂直 View 宽度的情况下缩小水平 View ？

在此先感谢您的帮助!!

Answer 1

@SERIK；首先在您的 meta 标记 中定义 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/