responsive-design - @media 查询奇怪地覆盖了另一个，但仅限于纵向

Question

@media screen and (min-width: 320px)and (max-width:480px){
 css instructions
} 

正在覆盖非常不同的指令

@media screen and (min-width: 480px) and (max-width:640px) and (orientation:portrait){
 css instructions
}

但不是

@media screen and (min-width: 480px) and (max-width:640px) and (orientation:landscape){
 css instructions
}

我假设它与 480 有关，但我对设备宽度非常具体，所以不明白为什么会发生这种情况。还有另一个通用结构 css 文件，它包含所有设备的主要样式，但对于某些设备被覆盖的原因不是阅读这些而是阅读 320/480 规则。任何建议都会很好。