html - 媒体查询有帮助吗？ - 台式机

Question

我正在尝试以屏幕尺寸为 1944 x 1080 的桌面为目标。我以正常方式执行此操作..

@media screen and (max-width: 1944px) and (max-height: 1080px) {

 .about-section {
  margin-top: 600px;
 }
 .container h3 {
 position: relative;
 top: -200px;
 }

}

不过，当我这样做时，它会影响我的默认分辨率 - 1440 x 900 -。 我很困惑，这是否意味着我必须为我的默认解决方案重写此查询下的代码？

所以我希望在大屏幕上查看时标题位于不同的位置？ 但我希望默认 header 不受此影响？

我觉得我遗漏了什么，我知道它会级联，但桌面查询肯定不需要位于 CSS 文件的顶部。

如有任何帮助，我们将不胜感激!

Answer 1

max-width 意味着它将影响屏幕低于该值的任何浏览器。如果您只想定位那些及以上尺寸，请改用min-width。