等比缩放布局(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可一起结合写等比例缩放布局。
直接看图