css3 vw/vh rem em

1. vw/vh

vw:1vw等于视口宽度的1%
vh:1vh等于视口高度的1%
vh和vw是相对于适口的高度和宽度，而不是相对于父元素的

201829153757243.jpg

视口单位区别于%单位，适口单位依赖于说是口的尺寸，根据适口尺寸的百分比来定义，而%单位则是依赖于元素的父元素

2.rem

rem = document.documentElement.clientWidth * dpr /10
dpr= window.devicePixelRatio || 1;
px2rem = function(v){
return v/rem
}