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

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

gsl003 2021-05-29

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

收起

2回答

好帮手慕星星 2021-05-30 10:50:22

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

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

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

祝学习愉快！

收起回答

提问者 gsl003 2021-05-30 00:23:29

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 也可以自动转换

收起回答

提问者 gsl003 #1

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

2021-05-30 00:30:57