gpt4 book ai didi

html - 媒体查询改变自己?

转载 作者:太空宇宙 更新时间:2023-11-04 09:31:11 25 4
gpt4 key购买 nike

我设置了一个媒体查询来更改我的#secondary wrapper 的属性

这是我设置的媒体查询

@media screen and (max-width: 767px) {
.left-sidebar #secondary {
float: right;
width: 100%!important;
}

问题是它直到 479px 才应用这些更改,即使我将它设置为 676px;

当我在谷歌的开发工具中查看 css 时,它看起来像这样

@media (max-width: 479px)
@media screen and (max-width: 767px)
.left-sidebar #secondary {
float: right;
width: 100%!important;
}

为什么会发生这种情况,我该如何解决?

最佳答案

您的问题似乎是媒体查询缺少大括号。我通常发现缩进媒体查询中的所有内容很有帮助,这样就不会意外发生。

@media screen and (max-width: 767px) {
.left-sidebar #secondary {
float: right;
width: 100% !important;
}
}

代替

@media screen and (max-width: 767px) {
.left-sidebar #secondary {
float: right;
width: 100%!important;
}

关于html - 媒体查询改变自己?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40776485/

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