概念
PX的概念
pixel像素的缩写，可以简单理解为网页开发的基本长度单位。
em的概念
em是一个相对长度单位，相对于当前元素内文本的字体尺寸。
rem的概念
rem是CSS3新增的一个相对单位，基于html元素的字体大小来决定，通常配合媒体查询用于解决移动端适配问题。
vw和vh的概念
vw和vh是相对于视口的长度单位，1vw即值为视口宽度的1%,1vh意味着值为视口高度的1%。
速记
一绝三相
- px： 绝对单位，网页开发基本长度单位
- em： 相对单位，相对当前盒子字体大小进行计算 （不设置浏览器默认值，chorme 16）
- rem： 相对单位，相对根元素html字体大小进行计算 （不设置浏览器默认值，chorme 16, 1rm = 16px）
- vw vh: 相对单位，相对当前网页视口宽度和高度进行计算