1

为什么以下媒体查询在 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>
4

1 回答 1

0

我发现它为什么不起作用：

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

于 2013-07-30T23:51:38.473 回答