如何使用VScode插件px to rem自动进行rem转换

这篇文章是紧接着上篇文章,如何设置rem来写的。如果有没有看的可以先去看一下。首先如何如果根据上篇文章中的 公式 1rem = 设计宽度/10这个公式得到1rem =75px这个结果的时候。无疑会出现一个问题,那就是其他页面尺寸不好换算。这里提供两个比较好的解决办法。
一、优化公式。比如把1rem都换算成100px这样就比较好换算。之前的公式就可以优化为。1rem = 页面宽度/设计宽度*100px。例如你的设计宽度是750页面宽度也是750那你1rem就是100px。所以当你设计宽度的时候就直接除以100就是实际页面距离。
二、利用换算工具。就是下面我要提到的VScode中的插件px to rem
如何使用VScode插件px to rem自动进行rem转换
这个插件可以支持你使用快捷键自动转换rem。Ait +z。
用法。
1.下载在拓展商店中搜索px to rem
如何使用VScode插件px to rem自动进行rem转换
2.点击左上角文件=》首选项=》设置=》扩展=》px to rem
如何使用VScode插件px to rem自动进行rem转换
3.设置小数点后位数和1rem等于多少px
如何使用VScode插件px to rem自动进行rem转换
如果还有什么不懂得,或者其他问题欢迎大家在评论区留言。我都会一一解答。