移动浏览器方向旋转支持

Question

我正试图在从纵向转换为横向时支持iPhone / Android / BlackBerry的旋转，反之亦然。

是否有任何特定的元标记可以支持此功能？否则，我可能会考虑检测方向变化，然后在Javascript中从纵向移动到横向时拉伸宽度以填补间隙。

如果有人以前做过这件事，就把它扔掉。

感谢。

Answer 1

You can do it with CSS media queries：

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css" />
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css" />

Answer 2

如果您正在开发移动网站，则支持您不需要做任何事情。但是如果您使用UIWebview开发混合应用程序，则需要在Objective-C中处理方向更改。