用scss开发PC和Mobile时的一个语法糖
用Mixin定义各种分辨率
$envPcSize:960px;
@mixinin-pc{
@media(min-width:$envPcSize){@content;}
}
@mixinin-phone{
@media(max-width:$envPcSize-1){@content;}
}
然后就可以愉快的使用了
.test{
@mixinin-pc{
background:#fff;
}
@includein-phone{
background:#000;
}
}
用Mixin定义各种分辨率
$envPcSize:960px;
@mixinin-pc{
@media(min-width:$envPcSize){@content;}
}
@mixinin-phone{
@media(max-width:$envPcSize-1){@content;}
}
然后就可以愉快的使用了
.test{
@mixinin-pc{
background:#fff;
}
@includein-phone{
background:#000;
}
}
全部评论
相关推荐
10-19 15:00
文华学院 嵌入式工程师 点赞 评论 收藏
分享