用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;
}
}
全部评论
相关推荐
mjasjon:牛客那堆卖课哥也一样, 资料烂的要死 用大模型刷一遍都不愿意 代码也是bug频出
点赞 评论 收藏
分享
02-14 16:04
门头沟学院 FAE 点赞 评论 收藏
分享
查看8道真题和解析
OPPO公司福利 1269人发布