1、px px是像素的意思，我们通常所说的显示器分辨率为1920*1080就是将屏幕水平方向分为1920个像素点，垂直方向分为1080个像素点的意思，但是，不同的设备，它的分辨率是不同的，所以对于不同屏幕的分辨率，px是很难做自适应的。 2、em em是相对单位，是相对于父元素的字体尺寸的倍数，如果父元素没有定义，就相对于浏览器默认尺寸（16px）,此时1em = 16px。当我们想要使用em为单位时，可以给设置：body{font-size:62.5%}，此时1em = 10px ，方便后续单位的换算。 3、rem rem也是相对单位，他与em的区别就是：rem是相对于html元素，这样的好处就是，不会受到对象内文本尺寸的影响，而且只需要改变HTML元素就能改变所有字体的大小，适合做响应式页面 4、% %是相对于父元素的单位，和em比较减少了数字换算，position:absolute;的元素是相对于已经定位的父元素，position：fixed；的元素是相对可视窗口 5、vw 和 vh vw 和vh 是视口单位，它会根据浏览器窗口的大小来改变，不会受到分辨率的影响，这就意味着我们不需要考虑分辨率不同带来的适配问题了。 vw 是可视窗口的宽度,1vw = 可视窗口宽度的百分之一 vh 是可视窗口的高度,1vh = 可视窗口高度的百分之一 扩展： vmax:选择vm 和 vh 中较大的一个 vmin:选择vm 和 vh 中较小的一个
