4

使用时

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

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

4

1 回答 1

0

@alex,可能是你首先检查你的css文件链接与firebug&如果路径正确然后这样

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

可能有帮助

于 2011-06-30T11:03:07.053 回答