我在我的SCSS文件中使用了"纯净版"Bootstrap 4的SASS媒体查询:
我知道如果我使用CSS宽度媒体查询,就可以将其与方向媒体查询结合使用,但我想使用SASS框架。我想在其中一个媒体查询中添加方向媒体查询,即 XS 查询。因此它是具体的。因为如你所知,Bootstrap 4目前不支持方向查询(奇怪的是)。
我尝试以不同的方式将 "方向查询" 与 "SASS Bootstrap 媒体查询 (XS)" 连接起来,但我总是遇到一个SASS错误。
因此,我做的是将其嵌套在 SASS Bootstrap 媒体查询 (XS) 中:
@include media-breakpoint-up(xs){}
@include media-breakpoint-up(sm){}
@include media-breakpoint-up(lg){}
@include media-breakpoint-up(xl){}
我知道如果我使用CSS宽度媒体查询,就可以将其与方向媒体查询结合使用,但我想使用SASS框架。我想在其中一个媒体查询中添加方向媒体查询,即 XS 查询。因此它是具体的。因为如你所知,Bootstrap 4目前不支持方向查询(奇怪的是)。
我尝试以不同的方式将 "方向查询" 与 "SASS Bootstrap 媒体查询 (XS)" 连接起来,但我总是遇到一个SASS错误。
因此,我做的是将其嵌套在 SASS Bootstrap 媒体查询 (XS) 中:
@include media-breakpoint-up(xs){
... some SCSS rules
@media (orientation: landscape){
header{
display:none !important;
}
.navbar{
display:none !important;
}
}
}
我有一个问题,尽管它被嵌套到XS查询中,但它适用于所有断点。就像它没有考虑到被嵌套的情况。
我的问题是:如何将“方向查询”与“SASS引导程序媒体查询(xs)”连接起来?或者如何通过嵌套使其特定于XS断点。
谢谢您