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

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

css

CSS媒体查询在Safari中不起作用,css,Css,有人知道为什么媒体查询在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-c

有人知道为什么媒体查询在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;
    }
}

此示例（）在除Safari之外的所有浏览器中都非常有效。

在

头部使用此meta

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

您是在谈论safari for mobile还是safari desktop？到底是哪个版本？桌面版（Windows，V5.1.7）