vw，vh，px，%，em，rem
##vw,vh,百分比,em,rem,px
###px
即pixel(像素)的缩写，css最常用单位。
优点是比较方便，快捷。
缺点是没有弹性，不能适配。
###em
相对长度单位，它是相对于父元素font-size的
优点是段落首行缩进2字符时，不需要进行计算
缺点是只要父元素font-size改变，子元素也会随之发生改变，后期进行修改时影响较大。
###rem
也是相对长度单位，与em不同，它是相对html font-size的
优点是移动端使用极其方便，不需要写多套代码去适配各种端口
缺点是需要计算
###百分比（在布局上称其为百分比布局或者流式布局）
是相对父元素大小的
优点是不需要精确算出
缺点是不易控制，需要较好的估算能力
###vw
即viewport width（视口宽度）相对视口（视口：浏览器窗口的大小的单位）
1vw=1%视口宽度即100vm=1可视视口宽度
###vh
即viewport height（视口高度）相对视口
1vh=1%视口高度即100vh=1可视视口高度
vw，vh缺点是不是所有浏览器都兼容