Question

有谁知道为什么媒体查询无法在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之外的所有浏览器。

Answer 1

在meta

中使用此head

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

CSS媒体查询无法在Safari中使用

1 个答案: