觉得px和rem之间的换算还是挺不顺手的,有更好的方法推荐吗?

来源:2-9 Vue项目首页 - 热销推荐组件开发

gsl003

2021-05-29 23:51:35

比如用sass的时候可以用直接换算,stylus有更方便的方法换算吗

http://img.mukewang.com/climg/60b262ec098b747208000786.jpg

写回答

2回答

好帮手慕星星

2021-05-30

同学你好,用sass或者stylus语法来自定义转化方法是可以的,能够正常转化即可。

不过课程中给html字体大小设置为50px

http://img.mukewang.com/climg/60b2fc8a09dd600512140048.jpg

同学也可以使用sublime中的cssrem插件来计算,设置基准值也是50px,这样就能自动转化了。

祝学习愉快!

0

gsl003

提问者

2021-05-30

stylus预处理器

// 定义一个变量和一个mixin
$baseFontSize = 16; //默认基准font-size
px2rem(name, px){
{name}: px / $baseFontSize * 1rem;
}
// 使用示例:
.container { px2rem('height', 240); }
// stylus翻译结果:
.container { height: 3.2rem; }


用Sublime Text3的插件cssrem 也可以自动转换

0
hsl003
hpre class="brush:html;toolbar:false" style="background-color:rgb(238,238,238);color:rgb(7,17,27);font-size:16px;">// 定义一个变量和一个mixin
$baseFontSize = 16; //默认基准font-size
px2rem(name, px){
{name}: (px / $baseFontSize )* 1rem;
}
// 使用示例:
.container { px2rem('height', 240); }
// stylus翻译结果:
.container { height: 3.2rem; }


h021-05-30
共1条回复

0 学习 · 10739 问题

查看课程