css - sass 根据媒体查询有条件地加载 mixin

Question

是否可以根据媒体查询加载/卸载 mixin？像这样的东西：

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

如果满足条件，mixin2则根本不应该加载。

标签： csssassmedia-queries

Answer 1

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

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