javascript scss响应#css #scss #responsive #mixin

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript scss响应#css #scss #responsive #mixin相关的知识，希望对你有一定的参考价值。

$middle-width: 768px;
$large-width: 1024px;

@mixin middle {
  @media (min-width: #{$middle-width}) and (max-width: #{$large-width - 1px}) {
    @content;
  }
}

@mixin large {
  @media (min-width: #{$large-width}) {
    @content;
  }
}

@mixin small {
  @media (max-width:#{$middle-width}) {
    @content
  }
}


#expmple{
    width:500px;
    @include small{
        width:200px;
    }
    @include large{
        widht:600px;
    }
}

以上是关于javascript scss响应#css #scss #responsive #mixin的主要内容，如果未能解决你的问题，请参考以下文章