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)
}