Question

我正在设计一个网站，媒体查询适用于每个浏览器，但Safari for Windows（在Safari for iOS中可以正常工作）。我试图弄清楚我的代码或浏览器发生了什么，但我还没有。

我有开发人员最简单的页面，它有以下代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>My Page</title>
</head>

<body>
    <div>Content</div>
    <style>
        div {width: 400px; height: 400px; background: red;}
        @media screen and (max-width: 1000px){
            div {background-color: blue;}   
        }
    </style>
</body>
</html>

该代码对我不起作用。但是，如果我将条件更改为＆＃34; -webkit-min-device-pixel-ratio：0＆＃34;媒体查询有效。

有人可以帮我解决这个简单的问题吗？

媒体查询无法在Safari中运行（Windows版）

0 个答案: