我在HEAD标签中声明了以下内容:
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" media="all and (orientation:landscape}" href="css/landscape.css">
<link rel="stylesheet" media="all and (orientation:portrait}" href="css/portrait.css">在firebug lite for iPad中,我看到来自portrait.css和landscape.css的样式都被应用了。样式相互冲突,弄乱了我的页面。当我强制portrait.css加载(通过移除景观线)时,纵向模式工作正常。当我强制景观加载(通过删除肖像线)时,景观工作正常。我希望portrait.css只适用于肖像和landscape.css只适用于风景。
发布于 2013-01-07 23:33:33
在介质属性中,使用}而不是)来关闭条件
https://stackoverflow.com/questions/14198800
复制相似问题