等比例缩放布局（rem和vw）

等比缩放布局（rem布局）
特点：页面里边的元素会根据分辨率等比例放大或缩小.
rem是根元素（html）的font-size的倍数。
rem：     指相对于根元素的字体大小的单位。
根元素：会相对设备尺寸自动变换。
VW：   视窗宽度，1vw等于视窗宽度的1%。
-------------------------------------------------------------------------------------------------------
rem配合VW做等比缩放布局
VW转换成PX赋值给font-size
例：设备的分辨率为640*1136，逻辑像素为320*568     1VW=3.2px
Font-size:100px;转换成VW    font-size:31.25vw;
1rem=31.25vw可一起结合写等比例缩放布局。

直接看图