【问题标题】:CSS media queries not working in SafariCSS 媒体查询在 Safari 中不起作用
【发布时间】:2013-07-30 16:11:48
【问题描述】:

有谁知道为什么媒体查询在 Safari 中不起作用?例如:

body {
    background-color:black;
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
    body {
        background-color:red;
    }
}

@media screen and (max-width:860px) {
    body {
        background-color:yellow;
    }
}

@media screen and (max-width: 600px) {
    body {
        background-color:orange;
    }
}

这个例子(http://jsfiddle.net/crUVv/show)在除 Safari 之外的所有浏览器中都运行良好。

【问题讨论】:

  • 您说的是移动版 safari 还是桌面版 safari?究竟是哪个版本?
  • 桌面版(Windows, V5.1.7)

标签: css


【解决方案1】:

在您的head 中使用此meta

<!DOCTYPE html>
    <html lang="en-us">
        <head>
            <meta name="viewport" content="width=device-width">
        </head>
        <body>
        </body>
</html>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-03-21
    • 1970-01-01
    • 1970-01-01
    • 2013-05-30
    • 1970-01-01
    • 2022-07-07
    • 2015-10-09
    • 2021-12-08
    相关资源
    最近更新 更多