Question

为什么以下媒体查询在FF（22.0）和Chrome（28.0.1500.71）中正常工作，但Safari（6.0.5）会忽略它？

如果相关，我使用的是Mac OS X（10.7.5）macbook pro 13“

感谢您的帮助！

另外，有人知道它是否适用于IE？

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>title</title>
<style type="text/css">

body {background-color:#efefef;}
h1 {color:black;}

@media only screen and (max-width:37.5em) {
body {background-color:#000000;}
h1 {color:white;}
}

</style>
</head>
<body>

<h1>Hi.</h1>

</body>
</html>

Answer 1

我发现了它无法正常工作的原因：

为了测试媒体查询，我正在放大页面，而不是调整浏览器窗口的大小，而在Safari中，与FF和Chrome不同，媒体查询在您刷新浏览器之前不会启动。 / p>

媒体查询无法使用Safari

1 个答案: