媒体查询覆盖我的默认css

我正在学习如何使用媒体查询，我想我已经有所进展，只是我不明白为什么这个查询会覆盖默认的css

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

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

这使得我的headerimg在我的桌面全屏视图中的显示率也达到了50%，尽管我在媒体查询之前特别将其设置为100%——并且没有满足要求，那么为什么仍然使用该值呢

---

这是最后一个不起作用的

屏幕和（方向：横向）

，如果我删除它，页面在全尺寸桌面上看起来正常，在横向移动设备中也应该如此，但在移动纵向设备中则不正常。为什么横向影响正常的全景和纵向移动设备？

嘿，你上次的媒体查询只是询问屏幕是否为方向：横向，这意味着屏幕的宽度比屏幕的高度宽。这也适用于桌面

所以，是的，只需删除最后一个，或者通常我们将其组合为：屏幕和（最大宽度：1024px）和（方向：横向）

如果您愿意，您可以将每个媒体查询分离出来，使其更加清晰，再加上像这样的逗号会有点混乱