单位（px/em/rem、vw/vh/vmin/vmax）
px
px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的
px特点
- 设置字体大小及元素宽高等比较稳定和精确；
- 不能适应浏览器缩放时产生的变化；
- 有一定的最小单位限度。
em
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
EM特点
- em的值并不是固定的；
- em会继承父级元素的字体大小。
rem
rem是CSS3新增的一个相对单位（root em，根em），但相对的只是HTML根元素，所以一定要设置一个根字体大小。
在移动端中通常 lib-flexible 搭配 px2rem 处理适配方案。
rem特点
- 只修改根元素就成比例地调整所有字体大小，
- 可以避免字体大小逐层复合的连锁反应。
vw、vh、vmin、vmax
主要用于页面视口大小布局，相对于rem，v*在页面布局上更加方便简单
vw ：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。
vh ：viewpoint height，视窗高度，1vh等于视窗高度的1%。
vmin ：vw和vh中较小的那个。
vmax ：vw和vh中较大的那个。
网友评论