gpt4 book ai didi

html - 为什么媒体查询中较高的最大宽度会覆盖较低的最大宽度?

转载 作者:行者123 更新时间:2023-12-05 01:00:08 27 4
gpt4 key购买 nike

我的页面宽度低于 991 像素,但“最大宽度 1200 像素”仍在覆盖我在 css 中的“最大宽度 991 像素”规则。

这是我的 devtools 窗口的屏幕截图:

enter image description here

这可以通过将 '!important' 放在 'margin-top...' CSS 规则后面来解决。但我仍然想知道为什么会这样。

最佳答案

您必须更改媒体查询的顺序...

在你的情况下,最大宽度越小,它在你的 css 中应该越低

因为 max-width: 1200px 也是 true 并且稍后出现,所以它被覆盖(看看行数!:))

关于html - 为什么媒体查询中较高的最大宽度会覆盖较低的最大宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32629967/

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