vw是相对于不同屏幕大小的自适应的布局单位：
1vw相当于整个屏幕宽度的100分之1，如果给最外层div设置宽度为100vw，无论屏幕变大变小，1vw始终代表当前屏幕宽度的100/1；
因此vw在实际运用中：
对于宽度来说：设计图中当前元素宽度的px值 除以 设计图的宽度值，再乘以100后，加上vw单位即是当前元素的vw宽度；
对于高度来说：设计图中当前元素高度的px值 除以 设计图的宽度值，再乘以100后，加上vw单位即是当前元素的vw高度；
对于字体大小：设计图中的字体大小尺寸 除以 设计图的宽度值尺寸
