媒体查询不适用于Safari

媒体查询不适用于Safari,safari,media-queries,Safari,Media Queries,为什么下面的媒体查询在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&

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

标题
正文{背景色:#efefef;}
h1{颜色:黑色;}
@仅介质屏幕和(最大宽度:37.5em){
正文{背景色:#000000;}
h1{颜色:白色;}
}
你好。

我找到了它不起作用的原因:

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