css布局 rem vh vw

1.css-rem
rem：相对于html 字体大小来说

           区别于em，em是通过**父元素** 大小来说，因为em是通过父元素，在html页面里，父元素可以有很多个，
           可能是种方法不方便，所以css3更新了更加懒的方法，rem，rem是根据html元素字体大小来设置的倍数。
           如html font-size=10px， html下子元素font-size=2rem，子元素的font-size就是20px。
           优点是页面html只有一个，可以通过设置html，width和height来改变其设置rem子元素字体大小，html如
           果改变了，那整个设置rem的子元素字体大小也会改变。

2.vh，vw
通过设备可视区域判断设置了属性元素的view height（高） view with（宽）
3.%…