我有4个媒体查询。第1、3和4个工作正常,但第2个似乎没有生效。
为什么480x720(第二个媒体查询)默认使用第一个媒体查询?
@media screen and (max-width: 320px) and (orientation: portrait) { body{background:#F0F;} }
@media screen and (min-width: 321px) and (max-width: 480px) and (orientation: portrait) { body{background:#F00;} }
@media screen and (max-width: 480px) and (orientation: landscape) { body{background:#0F0;} }
@media screen and (min-width: 481px) and (max-width: 800px) and (orientation: landscape) { body{background:#FF0;} }
期望结果:
实际情况:
为什么480x720(第二个媒体查询)默认使用了第一个媒体查询?