px
px方便，但是由于它是绝对值，不能随着浏览器的放大和缩小而改变，因此往往会影响我们原先的布局，造成视觉干扰。
em
em是相对值，解决了随浏览器放大缩小而改变的问题，但是它仅仅是相对于其父元素，假设你在<body>里定义了font-size:10px，那么以<body>为父元素的子元素的font-size可以这样定义{font-size:1.4em}即字体为14px。但是如果不是以<body>为父元素的子元素，其字体则不定为多少，要看其父元素。
rem
rem出现在css3里，它的字体永远相对于根元素来变化。即它永远已<body>的font-size为基础。
原文：http://www.cnblogs.com/JolinChan/p/4053649.html