0

我在我的 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 lite 中，我看到来自 Portrait.css 和 Landscape.css 的样式都被应用了。样式与我的页面发生冲突和混乱。当我强制 Portrait.css 加载（通过删除横向线）纵向模式工作正常。当我强制加载横向（通过删除纵向线）时，横向工作正常。我希望 Portrait.css 仅适用于纵向，而 Landscape.css 仅适用于横向。

4

1 回答 1

3

在您的媒体属性中，您必须}关闭条件，而不是)

于 2013-01-07T15:33:33.357 回答