CSS-不同方向的媒体查询

我正在尝试编写媒体查询

像

哪个工作正常

现在问题出现了

当我使用firefox时，使用crtl+shift+M

带****980*1280，带横向****

它工作得很好 现在，当我查看简单视图时。CSS仍在挑选。我希望该介质仅用于横向。

@media（方向：横向）适用于普通桌面显示器（1024 x 768、1440x800等）

在此块中应用的样式将适用于台式机，但在纵向模式下不适用于设备

例如

@media (orientation : landscape) {
  body {
    background-color:red;
  }
}

这将适用于景观中的所有屏幕（包括桌面显示器）

这将仅适用于纵向模式下的所有屏幕（纵向模式下的手机、平板电脑）

@media (orientation : landscape) {
  body {
    background-color:red;
  }
}

@media (orientation : portrait) {
    body {
        background-color:blue;
    }
}