如何为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; } }