rem是CSS3新引进来的一个度量单位，支持的浏览器还是蛮多的，比如：Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+。要是还要兼容IE6-8的话，那就杯具了，建议用 em。
由于使用是“px”会在浏览器中放大或缩放浏览页面时页面布局会被打破，要解决这个问题，可以使用“em”单位。在使用“em”作单位时，一定需要知道其父元素的字体大小设置，因为“em”就是一个相对值，而且是一个相对于父元素的字体大小值（缩放比率/缩放因子），其真正的计算公式是：
1 ÷ 父元素的font-size × 需要转换的像素值 = em值
附上对照表看看
