VSCode中使用cssrem插件

使用rem做移动端适配时，我们需要将px值转换为对应的rem，在VSCode中，提供一款插件cssrem，可以帮助我们快速换算。

1、在【扩展】中，搜索【cssrem】，【安装】

2、安装完成后，重新加载，插件就生效了

3、我们在页面中，仍然写px，会直接提示对应的rem值

4、cssrem相关属性

在VSCode中，点击左下角的设置，找到cssrem的三个属性

cssrem.rootFontSize: 根字体大小，默认是16px，即1rem = 16px,可自定义,在上图的示例中，我已经把根字体大小改成了10px，所以转换的时候是20px=2rem

cssrem.fixedDigits: px转rem小数点最大长度，默认为6

cssrem.autoRemovePrefixZero:自动移除0开头的前缀，默认：true

这些配置项都可以自定义，但是更改后需要重启VSCode才可以生效！！！

 

 

rem是基于根节点的font-size的值计算的，根节点的font-size默认是16px，这个值可以修改，修改根节点font-size的方法如下

注意区分，输进去插件配置项的那个数字只是计算标准，你改了插件的fontsize也要让html的保持一致。要不然，你html根字体设20px，插件里10px，你在程序里写20px，会提示转换成2rem，但是你在页面上看到的就是2*20=40px，并不是20px！！！