@media查询奇怪地覆盖另一个,但仅限于纵向

时间:2012-11-01 13:58:37

标签: responsive-design device-orientation

@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规则。任何建议都会很好。

0 个答案:

没有答案