1. vw单位(移动端使用)
换算公式:
1vw = 设计稿宽度px / 100
1vh = 设计稿高度px / 100
eg:
1vw = 960px/100 = 9.6px
1vh = 600px/100 = 6px
2. 扩展插件安装
在vscode的扩展中搜索"px-to-vw",安装
3. 设置设计稿宽度px单位
在vscode---->设置---->输入px-to-vw---->在里面输入设计稿宽度,即可通过插件进行单位自动转化
4. 如何使用px-to-vw插件,转换px单位为vw单位?
操作如下:选中16px,按住键盘alt + z
快捷键,可以看到px单位被自动转换为vw单位了