移动适配：vw\vh

• vw (Viewport Width)、vh (Viewport Height）就是一个动态的单位，会随着视口的变化而变化
• vw= 1/100的视口宽度、 vh=1/100的视口高度。
• 作用：和 rem 单位作用一样，在实际开发过程中都是用来做移动适配效果（让页面在不同宽高尺寸的移动设备显示中仍然保持相同的样式），因为用起来很方便，现今逐渐被沿用。
• 写盒子的宽高时，统一用vw 或者用 vh ，用这两个哪一个都可以，但如果宽和高分别用vw,vh的话，一些移动设备的适配效果会发生改变（例如在iphoneX）
• 例如：width:50vh ; height:100vh   和  width:50vw ; height:100vw 他们的效果是相同的。假设在设备 iphone6/7/8 中视口宽度为： 375px   视口高度为：667px   1vw=375/100=3.75px  最终在设备中显示的宽度为：3.75px * 50=187.67px

 总结：vwvs vh、vh是一个动态的单位，会随着移动设备视口的变化而变化，完成移动适配的目的。