常见的css布局单位

• 像素px                  基本布局单位。

• 百分比布局           相对于父元素的百分比，从而实现响应式效果。

• em                         相对于父元素的文本倍数，如果父元素未设置font-size，则相对于浏览器默认字体尺寸（默认16px）

• rem             相对于根元素font-size的倍数，作用：利用rem可以实现简单的响应式布局，可以利用html元素 中的字体大小与屏幕的比值来设置font-size的值，以此实现当屏幕分辨率变化时让元素也随之变化。

• vw              相对于视窗的宽度，视窗宽度是100vw。

• vh              相对于视窗的高度，视窗高度是100vh。

• vmin         vw 和 vh 中的较小值。

• vmax         vw 和 vh 中的较大值。

• vw 和百分比的区别是: vw 相对于视窗, % 相对于父元素。