vw和vh基本使用
vw 和 vh 是相对单位,相对视口尺寸计算结果
- vw:viewport width(1vw = 1/100 视口宽度)
- vh:viewport height(1vh = 1/100 视口高度)
vw布局
vw单位尺寸 = px单位数值 / (1/100 视口宽度)
- 确定设计稿对应的vw尺寸(1/100 视口宽度)
查看设计稿的宽度---确定参考设备宽度(视口宽度)---确定vw尺寸
vh问题
vh是 1/100 视口高度,全面屏视口高度尺寸大,如果混用可能导致盒子变形