Question

我在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仅应用于portrait和landscape.css，仅适用于横向。

Answer 1

在媒体资源中，您}关闭了条件，而不是)

正在应用landscape.css和portrait.css

1 个答案: