目标

• 使用vw布局方案，实现视口宽度不同，网页元素宽高等比缩放效果

vw和vh基本使用

• vw和vh为相对单位，相对视口尺寸计算结果

• 1vw = 1/100视口宽度

• 1vh = 1/100视口高度

布局流程

• 1. 根据设计稿确定1vw尺寸

• 2. px单位转换成vw单位尺寸

  • px / (1/100视口宽度)

vh弊端

• vh是相对视口高度计算尺寸

• 需要考虑全面屏，视口高度尺寸偏大

•