适配方案
适配方案
相对单位
相对
视口的尺寸
计算结果
vw
：
v
iewport
w
idth
1vw =
1/100
视口宽度
vh：
v
iewport
h
eight
1vh =
1/100
视口高度
vw 布局
1. 确定设计稿
对应
的vw尺寸 （1/100视口宽度）
查看
设计稿宽度
→ 确定参考
设备宽度
(视口宽度) → 确定
vw 尺寸
（1/100 视口宽度）
2. vw单位的尺寸 =
px 单位数值 / ( 1/100 视口宽度 )
vh 布局
1. 确定设计稿
对应
的vh尺寸 （1/100视口高度）
查看
设计稿宽度
→ 确定参考
设备高度
(视口高度) → 确定
vh 尺寸
（1/100 视口高度）
2. vh单位的尺寸
= px 单位数值 / ( 1/100 视口高度 )
vh单位问题
思考：开发中，能不能vw和vh混用呢？
不能
vh
是
1/100
视口高度，
全面屏视口高度尺寸大
，如果混用可能会导致
盒子变形
2122
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
