码迷,mamicode.com
首页 > 其他好文 > 详细

VSCode编程工具小插件之px一键转换成rem

时间:2020-10-19 22:45:33      阅读:25      评论:0      收藏:0      [点我收藏+]

标签:启动   奇迹   vscode   img   ima   文件   load   src   点击   

  1.启动vscode,点击左侧边栏扩展选项(Ctrl+shift+X)在扩展商店中搜索px to rem

 

  技术图片

 

  2.安装好之后右击px to rem,点击扩展设置,打开如图界面可以设置当前rem与px的比例值

 

  技术图片

 

  如图所示,我设置的比例为100px:1rem

 

  3.找到你需要转换为rem的css文件,全部选中(或选中需要的部分),以下是用来做小案例的一部分css

  技术图片

 

  4.接下来就是见证奇迹的时刻了!  选中之后按Alt+Z快捷键就可以一键转换成rem啦~

  技术图片

  vscode小插件之一的功能就介绍到这里啦,感谢观看。

 

VSCode编程工具小插件之px一键转换成rem

标签:启动   奇迹   vscode   img   ima   文件   load   src   点击   

原文地址:https://www.cnblogs.com/shujiemao/p/13840272.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!