用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;
}
}
全部评论
相关推荐
点赞 评论 收藏
分享
05-28 16:06
山东大学(威海) 测试开发 点赞 评论 收藏
分享
点赞 评论 收藏
分享