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

、そうでなければ第2の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; 
    } 
}