css3 - 爲什麼我不能根據分辨率設置保證金？

Question

我有CSS以下。我的屏幕分辨率是1280x800。爲什麼我的課程.landslide沒有獲得保證金值10%？現在它總是變得18%？即使我的屏幕分辨率是1280x800，它應該與最大高度：800px相匹配。

我在做什麼錯？

@media (max-width: 1380px), (max-height: 800px) { 
    .contact .landslide { 
    margin: 10% auto 0; 
    } 
} 

@media (max-width: 1380px), (max-height: 1024px) { 
    .contact .landslide { 
    margin: 18% auto 0; 
    } 
} 

Answer 1

反向規則，否則，第二個將始終覆蓋第一個：

@media screen and (max-width: 1380px) and (max-height: 1024px) { 
    .contact .landslide { 
    margin: 18% auto 0; 
    } 
} 
@media screen and (max-width: 1380px) and (max-height: 800px) { 
    .contact .landslide { 
    margin: 10% auto 0; 
    } 
}