4

有谁知道为什么媒体查询在 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 之外的所有浏览器中都运行良好。

4

1 回答 1

1

meta在你的使用这个head

<!DOCTYPE html>
    <html lang="en-us">
        <head>
            <meta name="viewport" content="width=device-width">
        </head>
        <body>
        </body>
</html>
于 2013-07-30T08:11:38.753 回答