为什么以下媒体查询在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>
我发现了为什么它不起作用:
为了测试媒体查询,我放大了页面,而不是调整浏览器窗口的大小,并且在Safari中,与FF和Chrome不同,媒体查询直到刷新浏览器后才开始。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句