用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

相关推荐

哈哈哈,你是老六:百度去年裁员分评不好,赶紧弄点红包
点赞 评论 收藏
分享
小浪_Coding:1. 个人技能排版太乱, 写的技术栈太浅了, 跟测试,自动化相关的太少; 2. 项目开发类的太简单没有亮点, 算法类的项目建议只放一个,最好有自动化,CI/CD, pipline的项目, 需要更换; 3.整体排版需要优化, SOOB打招呼都需要注意等.
我的简历长这样
点赞 评论 收藏
分享
评论
2
收藏
分享

创作者周榜

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