为什么媒体查询中较高的最大宽度会覆盖较低的最大宽度？
why does a higher max-width in media queries overwrite a lower max-width?
我的页面宽度小于 991 像素，但 'max-width 1200px' 仍在覆盖我在 css 中的 'max-width 991px' 规则。
这是我的开发工具的截图 window :
这可以通过在 'margin-top...' css 规则后面加上 '!important' 来解决。但是我还是想知道为什么会这样。
您必须更改媒体查询的顺序...
在你的情况下，最大宽度越小，它应该越低 css
因为 max-width: 1200px 也是真实的并且稍后出现，所以它被覆盖（看看行数！:)）
我的页面宽度小于 991 像素，但 'max-width 1200px' 仍在覆盖我在 css 中的 'max-width 991px' 规则。
这是我的开发工具的截图 window :
这可以通过在 'margin-top...' css 规则后面加上 '!important' 来解决。但是我还是想知道为什么会这样。
您必须更改媒体查询的顺序...
在你的情况下，最大宽度越小，它应该越低 css
因为 max-width: 1200px 也是真实的并且稍后出现，所以它被覆盖（看看行数！:)）