哪个媒体查询需要在 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

哪个媒体查询需要在 css 文件中排在首位？纵向或横向

Which media query needs to be first in a css file? Portrait or landscape

css

media-queries