Css !媒体查询中的重要声明 我目前使用Zurb基金会。使用以下代码，无论视图端口的大小，主体始终具有红色背景色 @media only screen and (min-width: 64.063em) { .body {background: red;} } @media only screen and (min-width: 90.063em) { .body {background: blue;} } @media only screen and (min-width: 120.063em) { .body {background: green;} }

只有当我加上！重要声明：主体颜色是否随着视口大小的增加而改变颜色

@media only screen and (min-width: 64.063em) {
.body {background: red;}
}

@media only screen and (min-width: 90.063em) {
.body {background: blue !important;}
}

@media only screen and (min-width: 120.063em) {
.body {background: green !important;}
}

---

这似乎不是正确的方法，我做错了什么？

尝试添加最小和最大宽度

@media only screen and (min-width: 64.063em) and (max-width: 90.062em){
   .body {background: red;}
}

---

尝试添加最小和最大宽度

@media only screen and (min-width: 64.063em) and (max-width: 90.062em){
   .body {background: red;}
}

---

还要确保您没有覆盖css中其他地方的另一个.body类。你会要求的！完成这一点很重要。还要确保您没有覆盖css中其他地方的另一个.body类。你会要求的！实现这一点很重要。