在CSS中嵌套@media规则各种浏览器的支持似乎有所不同。检查链接Firefox：黑色，带白色文字。Opera，Chrome，IE9：蓝色与黑色文本。哪个是正确的，我将如何使其保持一致？代码@media screen and (min-width: 480px) {
body{
background-color:#6aa6cc;
color:#000;
}
@media screen and (min-width: 768px) {
body{
background-color:#000;
color:#fff;
}
}}有趣的是，似乎在条件内嵌套媒体查询@import似乎有效。例如：的index.html<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8" />
<title>Media test</title>
<link rel="stylesheet" type="text/css" href="importer.css" /></head><body>
<h1>Why is this not consistent.</h1></body></html>importer.css@import url(media.css) screen and (min-width: 480px);media.cssbody {
background-color: #6aa6cc;
color: #000;}@media screen and (min-width:768px) {
body {
background-color: #000;
color: #fff;
}}
1 回答
- 1 回答
- 0 关注
- 528 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消