小编oct*_*dev的帖子

我在我的 scss 文件中使用“vanilla”bootstrap 4 sass 媒体查询：

@include media-breakpoint-up(xs){}
@include media-breakpoint-up(sm){}
@include media-breakpoint-up(lg){}
@include media-breakpoint-up(xl){}

我知道如果我使用 css 宽度媒体查询，我可以将它与方向媒体查询结合起来，但我想使用 sass 框架。我想在其中一个 XS 中添加方向媒体查询。因此它是具体的。因为如您所知，bootsrap 4 目前不支持方向查询（奇怪）。

我尝试以不同的方式将“方向查询”与“SASS bootstrap media query (xs)”连接起来，但我总是遇到 sass 错误。

因此，我所做的是将其嵌套在 SASS 引导媒体查询 (xs) 中：

@include media-breakpoint-up(xs){

... some SCSS rules

  @media (orientation: landscape){
     header{
     display:none !important;   
     } 
     .navbar{ 
     display:none !important;   
     } 
  }
}

我什至认为它嵌套在 XS 查询中的问题是它适用于所有断点。就像它没有考虑嵌套一样。

我的问题：如何将“方向查询”与“SASS bootstrap media query (xs)”连接起来？或者如何通过嵌套使其特定于 XS 断点。

谢谢