用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

相关推荐

不愿透露姓名的神秘牛友
07-09 11:15
点赞 评论 收藏
分享
嵐jlu:我是山川🐔里🐔🧱的,阿里系简历全过; 你这简历一看就还是半成品啊,没有荣誉经历奖项什么的吗?
投递阿里巴巴集团等公司10个岗位
点赞 评论 收藏
分享
评论
2
收藏
分享

创作者周榜

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