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