我会简明扼要地说明。使用Zurb Foundation 5构建网站。媒体查询无法正常工作。代码如下:
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>...</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/styles.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
相关的CSS设置如下:
#examplediv {
style:background-image;
}
@media only screen and (max-width: 40em) {
#examplediv {
style:different-background-image;
}
}
使用em单位的媒体查询,参考此页面
有任何想法吗?我在这里疯了。谢谢!
(max-device-width: 40em)
。 - Milan and Friends