使用定向时媒体查询无法正常工作

Question

我写了一个内部css来更改主体的背景颜色。从屏幕601px变为700px，我希望背景为浅蓝色，在风景中我希望背景为红色。我的问题是我只得到背景为红色只能有人帮我解决这个问题。

<style>
body {
  background-color: lightgreen;
}

@media only screen and (min-width:601px) and (max-width:700px){
  body {
    background-color: lightblue;
  }
}

@media only screen and (max-width: 734px) and (orientation: landscape){
body {
    background-color: red;
}
}
</style>

Answer 1

尝试一下。

@media only screen and (min-width: 734px) and (orientation: landscape){
body {    background-color: red; }