用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;
}
}

用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;
}
}
全部评论
相关推荐
06-26 22:13
华北理工大学 人力资源专员/助理 
点赞 评论 收藏
分享
07-08 11:55
山西大学 测试工程师 
点赞 评论 收藏
分享