媒體查詢覆蓋我的默認CSS

Question

我學習如何使用媒體查詢，我想我得到的地方，只是我不明白爲什麼這個查詢重寫默認的CSS？

@media screen and (max-width: 735px), screen and (max-height: 415px), screen and (orientation: landscape) { 

     #site-header img { 
      width: 50%; 
     } 
} 

這讓我headerimg是在我的桌面衆目睽睽50％爲好，即使我特地設置爲100％媒體詢問之前， - 和要求的arent滿足，那麼，爲什麼值仍用過的？

這是最後的screen and (orientation: landscape)不工作，如果我刪除它，頁面在全尺寸桌面上看起來很正常，而且它應該在橫向移動設備中顯示，但不是在移動肖像中顯示。爲什麼影響普通全景和肖像移動設備的景觀？

Answer 1

嘿所以你最後的媒體查詢只是要求如果屏幕是方向：景觀，這意味着屏幕的寬度比屏幕的高度更寬。這也適用於桌面。

所以啊只是刪除最後一個，或平時我們結合起來，如：屏幕（最大寬度：1,024）和（方向：橫向）

如果你願意，你可以只分離出每個媒體查詢使其更加清晰，再加上逗號這樣的混淆有點混亂。