gpt4 book ai didi

css - !important 媒体查询中的声明

转载 作者:太空宇宙 更新时间:2023-11-03 21:34:29 25 4
gpt4 key购买 nike

我目前正在使用 zurb foundation。使用下面的代码,无论视口(viewport)大小如何,body 的背景色始终为红色,

@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;}
}

只有当我添加 !important 声明时,主体颜色才会随着视口(viewport)大小的增加而改变颜色

@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;}
}

关于css - !important 媒体查询中的声明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27471731/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com