比较px em rem:
px：像素是相对于显示器屏幕分辨率而言的相对长度单位。
em：继承父级的（就是不停的继承，知道最上层，1em也是不断会变化的），假设html的font-size默认为16px，body字体大小定义为50%，那么在body里字体大小就是1em=8px了。
rem：rem就是相对于根元素html的font-size来做计算，他是em的升级版，rem只会相对html的值，不会受到父级的影响。
举个例子：(你给他具体的px值，他可以直接给你生成比例)
深刻理解下使用rem的有点和好处（UI兼容性特别好），rem2相当于批处理
