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

Question

我正在尝试定位屏幕尺寸为1944×1080的桌面。我这样做是正常的..

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

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

}

当我这样做时，它会影响我的默认分辨率 - 1440乘900 - 。 我很困惑这是否意味着我必须在此查询下面重写代码以获取我的默认分辨率？

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

我觉得我错过了一些东西，我知道它级联，但桌面查询肯定不需要在CSS文件的顶部。

非常感谢任何帮助！

Answer 1

max-width表示它会影响屏幕低于该值的任何浏览器。如果您只想>那些以上的维度，那么请使用min-width。

Answer 2

您可以使用

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

仅将代码定位到＆gt; 1440px宽。

然而你应该只使用

@media screen and (min-width: 1441px) {   }