CSS媒体查询方向更改不起作用PhoneGap
Posted
技术标签:
【中文标题】CSS媒体查询方向更改不起作用PhoneGap【英文标题】：CSS Media Query Orientation Change not working PhoneGap 【发布时间】：2011-09-25 21:12:41 【问题描述】：使用时
<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"
这可以修复，但仍然存在方向问题。 任何提示如何解决这个问题表示赞赏。在此先感谢 - 亚历克斯
【问题讨论】：
【参考方案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">
可能会有帮助
【讨论】：
以上是关于CSS媒体查询方向更改不起作用PhoneGap的主要内容，如果未能解决你的问题，请参考以下文章