html - CSS メディア解像度の調整

Question

CSS を使用して画面上の要素を調整し、すべての解像度でサイトが適切に表示されるようにしています。私が自分のサイトを機能させようとしている 6 つのサンプル解像度:

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

私のコードは次のとおりですが、#2 と #5 のコードが応答しません。他の 4 つがそうで、それらの 2 つがそうでない理由は何ですか?

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