ipad - 是否可以更改 Web 应用程序 View 以适应平板电脑方向

Question

我正在开发一个使用 HTML5 CSS3 和 Javascript 的网络应用程序，以便它与平板电脑兼容。我已经包含了 webkit 提供的基本触摸特定事件。我想知道是否可以根据平板电脑的方向更改网络应用程序的布局或设计。

我注意到网络应用程序没有充分利用平板电脑 (iPad) 上的空间，布局显得很奇怪。有什么方法可以根据方向修改设计和布局。

将对此提供一些帮助。

Answer 1

没有必要写window.onresize你可以简单地用CSS来完成。你已经在html页面中写了

<meta name="viewport" content = "user-scalable=no, width=1024" />'
<link rel="stylesheet" media="all" href="stylesheet/ipad.css" type="text/css" />;

& 为 ipad 编写您的 css。有关更多信息，请参阅这些链接的 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/