px、em、rem都是用来设置字体大小的，只不过方式、范围、适用度有区别罢了。
px:像素（Pixel）。相对长度单位。 

em:相对长度单位,继承父级元素的字体大小。1em=16px

rem:相对长度单位,继承html根元素的字体大小。

1.举个栗子，对比下px和em，36px=2.25em：

    ==============>>>>>>>>>>>>>>>>浏览器效果

 

 

 

 

                          现在给p标签的父标签body添加一个样式，自定义字体大小

==============>>>>>>>>>>>>>>>>浏览器效果

2.现在看一下rem(root em )

在页面上给html根标签加一个样式   html{ font-size:14px}

    那整个页面1em = 14px;不再是16px;