【发布时间】：2020-06-18 06:19:21
【问题描述】：
现在我使用 3840x2160 的屏幕分辨率并放大 250%，当我运行 document.documentElement.clientHeight 时它返回 713。所以我编写了一个媒体查询来处理这个问题，该媒体查询是 @media (max-height: 713px){...} 但是该媒体查询已被此媒体查询@media (max-height: 754px){...} 覆盖，我不知道为什么会发生这种情况
【问题讨论】：
-
当你使用两个
max媒体查询时，它们必须从大到小排列。 -
样式将适用于 754 及以下，因此如果您的规则具有相同的特异性，并且 754 位于 713 之后，那么它将覆盖它
-
这能回答你的问题吗？ Media Queries overriding each other
-
感谢大家按照媒体查询的顺序回答，我的 754 在我的 713 之后。我将 754 移到了我的 713 上，它起作用了。我已经在心里记下了答案
标签： css responsive-design media-queries