html - css 媒体分辨率调整

Question

我正在使用 CSS 来调整我的屏幕元素，以使我的网站在所有分辨率下都看起来不错。我正在尝试使我的网站适用于以下六个示例分辨率：

1) 1024 x 768 2) 1152 x 864 3) 1280 x 800 4) 1280 x 960 5) 1280 x 1024 6) 1440 x 900

我的代码如下，但 #2 和 #5 中的代码没有响应。为什么其他四个是但那两个不是？

@media screen and (max-width:1024px) and (max-height:768px) {
  (code here)
}

@media screen and (min-width:1152px) and (max-height:864px) {
  (code here) //not working
}

@media screen and (max-width:1280px) and (max-height:800px) {
  (code here)
}

@media screen and (max-width:1280px) and (min-height:801px) and (max-height:960px) {
  (code here)
}

@media screen and (max-width:1280px) and (min-height:961px) {
  (code here) //not working
}

@media screen and (min-width:1440px) {
  (code here)
}