vw
1vw = 1/100 视口宽度
不需要引入任何的js文件,也不需要像rem一样去vscode配置文字大小
例子:375px设备 1vw=3.75px
(了解,用不到的)1vh = 1/100 视口高度
l 相对单位
l 相对视口的尺寸计算结果
l vw:viewport width
Ø 1vw = 1/100视口宽度
l vh:viewport height
Ø 1vh = 1/100视口高度
vw单位尺寸
- 确定设计稿对应的vw尺寸 (1/100视口宽度)
Ø 查看设计稿宽度 → 确定参考设备宽度 (视口宽度) → 确定vw尺寸 (1/100 视口宽度) - vw单位的尺寸 = px单位数值 / ( 1/100 视口宽度 )
复习
看Xmind