css - 1360*768屏幕的媒体查询怎么写？

Question

我正在为我的网站处理媒体查询。

我为 1024 x 768 屏幕尺寸创建了媒体查询，效果很好。我还为 1360 x 768 屏幕尺寸创建了一个媒体查询，但它不起作用。这是我到目前为止所得到的:

@media (min-width: 992px) and (max-width: 1199px) { 
  #loginrow { 
    padding: 135px 0; 
  } 
}

@media (max-width: 1360px) { 
  #loginrow { 
    padding: 135px 0; 
  } 
}

谁能建议这是如何正确的？

Answer 1

只需使用最小宽度，当您达到更高的分辨率时，您的查询将覆盖之前的内容。

@media (min-width: 992px) and (max-width: 1199px){ #loginrow{ padding: 135px 0; } }
@media (min-width: 1360px){ #loginrow{ padding: 135px 0; } }