3.1适配方案理解
移动端的屏幕尺寸通常是非常繁多的，我们希望在不同的屏幕尺寸上显示不同的大小
比如我们设置一个100x100的盒子
在375px的屏幕上显示是100x100;
在320px的屏幕上显示是90+x90+;
在414px的屏幕上显示是100+x100+;
其他尺寸也是类似，比如padding、margin、border、left，甚至是font-size等等
4个方案来处理尺寸:
方案一: 百分比设置（基本不用了解即可）
因为不同属性的百分比值，相对的可能是不同参照物，所以百分比往往很难统一
所以百分比在移动端适配中使用是非常少的
方案二: rem单位+动态html的font-size
还不了解rem等单位可以去先了解 CSS布局单位%，px，em，rem，vh/wh
这里我们通过每个不同的屏幕设置不同的根元素(html)的font-size的尺寸，然后用rem计算出尺寸。来达到响应式的效果。
方案三: vw单位
这种方案就不用设置根元素的font-size。因为vw本身就是相对于视口的单位。
