CSS媒体查询方向更改无法正常工作PhoneGap

时间:2011-06-30 10:37:00

标签: iphone css cordova orientation media-queries

使用时

<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 Framework(0.9.5.1)中使用此代码时,同一页面不会加载不同的CSS。我们也遇到了

的问题
<meta name="viewport" 

可以修复但方向问题仍然存在。 任何提示如何解决这个问题表示赞赏。提前谢谢 - 亚历克斯

1 个答案:

答案 0 :(得分:0)

@alex,可能首先你检查了你与firebug&amp;的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">

可能是有帮助的