媒体查询覆盖我的默认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）和（方向：横向）

如果你愿意，你可以只分离出每个媒体查询使其更加清晰，再加上逗号这样的混淆有点混乱。