iphone - CSS 媒体查询方向更改不起作用 PhoneGap

Question

使用时

<link rel="stylesheet" media="all and (max-width: 640px) and (orientation:portrait)" href="css/i-hoch.css"> 
<link rel="stylesheet" media="all and (max-width: 960px) and (orientation:landscape)" href="css/i-quer.css">  

在 iPhone Mobile Safari 上，CSS 在设备旋转时发生变化。

在 PhoneGap 框架 (0.9.5.1) 中使用此代码时，同一页面不会加载不同的 CSS。我们也遇到了问题

<meta name="viewport" 

这可以修复，但方向问题仍然存在。任何有关如何解决此问题的提示都将受到赞赏。提前致谢 - 亚历克斯

Answer 1

@alex，可能首先你用 Firebug 检查了你的 css 文件链接，如果路径正确，那么
这样写

<meta name="viewport" content="width=device-width">

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

可能有帮助