px，em，rem的区别

px是绝对长度单位，像素px是相对于显示器屏幕分辨率来说的

em是相对长度单位，相对于当前对象内文本的字体尺寸

em的值并不是固定的

em会继承父级元素的字体大小（参考物是父元素的font-size）

em中所有的字体都是相对于父元素的大小决定的

rem是相对于html根元素的font-size
比如css: html{ font-size:16px},此根标签内有元素div的宽度为：.box{ width：10rem }，则此div的宽度换算成像素则为160px。