我正在尝试将屏幕尺寸为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-。
我很困惑,这是否意味着我必须为该默认分辨率重写此查询下的代码?

因此,我希望在较大的屏幕上查看页眉时,标题可以位于不同的位置吗?
但是我希望默认标题不受此影响吗?

我感觉好像丢失了一些东西,我知道它会级联,但是可以肯定的是,桌面查询不必位于CSS文件的顶部。

任何帮助将不胜感激!

最佳答案

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

关于html - 媒体查询有帮助吗? -台式机,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42637299/

10-09 23:50
查看更多