一直不清楚px、em、rem的区别。今天查了一些资料，整理一下自己的理解。什么是1.62.5%？相信写过responsive的朋友都知道下面这段代码：html{font-size:62.5%!important;}为什么这里是62.5%？因为任何浏览器默认的字体高度都是16px。而1em=16px。那么12px=0.75em，10px=0.625em。但这很难计算。例如，14px=?em。反正我脑子里想不通。为了计算方便，将字体设置为62.5%。这样就使得em值16px*62.5%=10px，所以12px=1.2em，10px=1em，也就是说你只需要将你原来的px值除以10，然后换成em为单位即可。所以14px=1.4em；这要简单得多。2.px,em,rem的区别px-相对于屏幕的像素。em-当前对象中文本的字体大小。注意：它将继承父元素的字体。示例：父元素和子元素的字体大小均为14px。正确的代码如下：.parent{font-size:1.4em;}.parent.son{font-size:1em;//错误的写法：font-size:1.4em;这样写的话，实际的字号会是1.4*1.4em}，显然，这不是我们想要的。rem：由css3添加。它和em的区别在于它不继承父元素的字体。兼容性如果需要兼容浏览器，也很简单，只需要将px和rem都设置好即可。p{字体大小：14px;字体大小：1.4rem；}
