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