CSS 媒体查询在 Safari 中不起作用答案

【问题标题】：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>

【讨论】：