sass加载mixin有条件地基于媒体查询

时间:2018-05-12 11:28:57

标签: css sass media-queries

是否有可能根据媒体查询加载/卸载mixins?像这样:

@if @media (min-width: 768px) {
    @include mixin1;
}
@else {
    @include mixin2;
}

如果符合条件,则根本不应加载mixin2

1 个答案:

答案 0 :(得分:2)

不是真的,sass编译服务器端,不知道客户端的屏幕大小。编译后的css将用于所有屏幕宽度,因此:

@include mixin2;
@media (min-width: 768px) {
  @include mixin1;
}