移动端布局

• 移动端布局—flex布局
• 为了实现可以适配移动端，页面元素可以宽度和高度等比例缩放
• 需要移动端适配有如下方案：

vw/vh是什么

• vw/vh是一个相对单位（类似em和rem相对单位）

vw是：viewport width 视口宽度单位
vh是：viewport height 视口高度单位

• 相对视口的尺寸计算结果

1vw=1/100视口宽度
1vh=1/100视口高度

vw和百分比的区别是什么？

• 百分比 相对于父元素来说的
• vw/vh相对于当前视口来说的