px,em,rem之间的关系和换算方式

px：像素，相对长度单位，相对于屏幕分辨率而言；

em：相对长度单位，相对于当前容器内的文本的字体尺寸；如果当前容器字体没设置字体大小，则以浏览器的默认字体尺寸来计算，em会继承父辈设置，所以会发现当前的文本字体会复合，是可变的；

rem：css3新增的单位，也是相对长度单位，它相对于html的根元素，一般是body的字体设置值，这也是与em的本质区别；

通常在H5开发中，我们使用rem做单位，不同尺寸的设备会得到较好的展示协调性，换算方式：16px=1em; 12px=0.75em;10px=0.625em；为了方便换算font-size，我们在body里设置 font-size：62.5%；使得以后的字体使用中用1em=10px来计算；