em和rem

em 和 rem单位之间的区别是
浏览器根据谁来转化成px值 ,因此理解这种差异是决定何时使用哪个单元的关键。

rem转化为像素大小取决于 html元素的字体大小。 根元素字体大小乘以rem值。
em转化为像素大小使用em单位的元素的字体大小。即em值乘以使用em单位的元素的字体大小。

综上所述：
rem 单位翻译为像素值是由 html元素的字体大小决定的。 此字体大小会被浏览器中字体大小的设置影响，除非显式重写一个具体单位。
em 单位转为像素值，取决于他们使用的字体大小。 此字体大小受从父元素继承过来的字体大小的设置影响，除非显式重写一个具体单位。

原文参考: http://www.w3cplus.com/css/when-to-use-em-vs-rem.html