web小白的成长历程

122 阅读1分钟

1、vw / vh

相对单位

相对视口的尺寸计算结果

vw:viewport width

1vw = 1/100视口宽度

vh:viewport height

1vh = 1/100视口高度

px单位数值 / ( 1/100 视口宽度 )

vw单位尺寸

确定设计稿对应的vw尺寸 (1/100视口宽度)

查看设计稿宽度

确定参考设备宽度 (视口宽度) 确定vw尺寸 (1/100 视口宽度)

安装px-to-vw使用vscode插件快速将px转换为vw/vw转换为px

光标定在要转换的px数值上,按alt+Z即可实现px->vw / vw -> px

注意光标要放在分号里面才可转换。