sublime 新建 snippet
tovw
sass 的头部定义转换函数
@function tovw(px) {
@return (px / 750px) * 100vw;
}
750px 是 iPhone6 的标准设计稿宽度
使用的时候
.banner { width: tovw(750px); height: tovw(340px); }
生成的 css 文件
.banner { width: 100vw; height: 45.33333vw; }
效果图
sublime 新建 snippet
tovw
sass 的头部定义转换函数
@function tovw(px) {
@return (px / 750px) * 100vw;
}
750px 是 iPhone6 的标准设计稿宽度
使用的时候
.banner { width: tovw(750px); height: tovw(340px); }
生成的 css 文件
.banner { width: 100vw; height: 45.33333vw; }
效果图