用scss开发PC和Mobile时的一个语法糖

用Mixin定义各种分辨率
$envPcSize: 960px;
@mixin in-pc {
  @media (min-width: $envPcSize) { @content; }
}
@mixin in-phone {
  @media (max-width: $envPcSize - 1) { @content; }
}

然后就可以愉快的使用了
.test {
  @mixin in-pc {
    background: #fff;
  }
  @include in-phone {
    background: #000;
  }
}

全部评论
点赞 回复 分享
发布于 2019-09-09 10:52

相关推荐

10-28 10:48
已编辑
门头沟学院 Java
孩子我想要offer:发笔试后还没笔试把我挂了,然后邮箱一直让我测评没测,后面不知道干嘛又给我捞起来下轮笔试,做完测评笔试又挂了😅
点赞 评论 收藏
分享
评论
2
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务