Merhaba Arkadaşlar,

Web sitem için ekranlara göre @media kuralları yazıyorum. Fakat burada benim için önemli olan nokta ekranın width(genişliği) yerine height(yüksekliği). Yazdığım kurallar tarayıcıların developer tools aracının responsive site test kısımlarında veya internette bulunan responsive site test araçlarında sağlıklı çalışıyor. Fakat bilgisayardaki tarayıcılarda her iki kuralıda sağladığı için kendisi için doğru olanı çağırıyor. Rica etsem yardımcı olabilir misiniz? Kullandığım kurallar aşağıdaki gibidir;

@media (min-width:1024px) and (min-height:768px){...........}
@media (min-width:1280px) and (min-height:720px){...........}
@media (min-width:1280px) and (min-height:800px){...........}
@media (min-width:1440px) and (min-height:960px){...........}

Örneğin; Genişliği 1440px Yüksekliğide 960px olan bir tarayıcı yukarıdaki durumda 1280x800 olan kısımdaki kodları çalıştırıyor. Bunun önüne nasıl geçebilirim?
Not: 1440x960'ı 1280x800'ün üstüne aldım yani sıralamaları değiştirdim fakat değişen bir şey olmadı.