了解vw布局

标签：屏幕   尺寸   设计   屏幕宽度   单位   适应   因此   div   不同   

vw是相对于不同屏幕大小的自适应的布局单位：

1vw相当于整个屏幕宽度的100分之1，如果给最外层div设置宽度为100vw，无论屏幕变大变小，1vw始终代表当前屏幕宽度的100/1；

因此vw在实际运用中：

对于宽度来说：设计图中当前元素宽度的px值 除以 设计图的宽度值，再乘以100后，加上vw单位即是当前元素的vw宽度；

对于高度来说：设计图中当前元素高度的px值 除以 设计图的宽度值，再乘以100后，加上vw单位即是当前元素的vw高度；

对于字体大小：设计图中的字体大小尺寸 除以 设计图的宽度值尺寸

了解vw布局

标签：屏幕   尺寸   设计   屏幕宽度   单位   适应   因此   div   不同   

原文地址：https://www.cnblogs.com/shizhihong/p/9144332.html