rem : root element 指的是根元素即html的字体大小。主流浏览器的rem均为16px;
font size of the root element
px:相对于显示器屏幕分辨率而言。
em:相对长度单位。相当于当前对象内文本的字体尺寸,如果当前对行内元素的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。(CSS2.0手册
总结
1、em单位和rem单位都是相对大小,px是绝对大小。
2、em基于当前元素或者继承父元素的font-size
3、rem相对于根元素的font-size。通过它既可以做到只修改根元素就成比例地调整所有字体大小,又可以避免字体大小逐层复合的连锁反应