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移动Safari设备旋转时，CSS会发生变化。

当在PhoneGap框架（0.9.5.1）中使用此代码时，相同的页面不会加载不同的CSS。我们还遇到了一些问题

<meta name="viewport" 

尽管问题可以解决，但方向问题仍然存在。 如果您有任何解决此问题的提示，请不吝赐教。谢谢 - Alex

- Alex

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">

也许这会有帮助

- sandeep