哪个媒体查询需要首先在css文件中？肖像或风景

Question

我需要定位处于横向模式的手机，但不知何故它在景观中不会改变css。我在我的肖像媒体查询之后添加了横向媒体查询，如下所示：

@media screen and (max-width:767px)
    {

    }

@media screen and (max-width:767px) and (orientation:landscape){
    .header-top-bar, .header, .row, .announcement, .menu-container {
        width: 462px;       
    }

我是否需要按特定顺序使用它们？我的肖像媒体查询工作正常。

Answer 1

@media (max-device-width: 767px) and (orientation: landscape) {
  .header-top-bar, .header, .row, .announcement, .menu-container {
     width: 462px;       
  }
}

尝试 max-width 到 max-device-width