我在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">
在iPad的firebug生活中，我看到来自portrait.css和landscape.css的样式都被应用。样式冲突，弄乱了我的页面。当我强制加载portrait.css(通过删除风景线)时，肖像模式工作正常。当我强制横向加载(通过删除肖像线)，横向工作良好。我希望portrait.css只适用于纵向和横向。css只适用于横向
在您的媒体属性中，您有}来关闭条件，而不是)