了解vw布局
Posted shizhihong
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了了解vw布局相关的知识，希望对你有一定的参考价值。
vw是相对于不同屏幕大小的自适应的布局单位：
1vw相当于整个屏幕宽度的100分之1，如果给最外层div设置宽度为100vw，无论屏幕变大变小，1vw始终代表当前屏幕宽度的100/1；
因此vw在实际运用中：
对于宽度来说：设计图中当前元素宽度的px值 除以 设计图的宽度值，再乘以100后，加上vw单位即是当前元素的vw宽度；
对于高度来说：设计图中当前元素高度的px值 除以 设计图的宽度值，再乘以100后，加上vw单位即是当前元素的vw高度；
对于字体大小：设计图中的字体大小尺寸 除以 设计图的宽度值尺寸
以上是关于了解vw布局的主要内容，如果未能解决你的问题，请参考以下文章