[css] 第716天 px、em、rem、rpx区别和为什么使用62.5%；

[haizhilin2013]

第716天 px、em、rem、rpx区别和为什么使用62.5%；

作者：wjp_jinping

3+1官网

我也要出题

[helloskynet]

px 就是一屏幕上的一个物理像素
em 相对于父元素的font-size .例如父元素{font-size:12px}，子元素{font-size:1em};此时子元素的1em 就是 12px;，但是如果用来指定font-size之外的其它属性的时候，则是相对于元素自身的font-size大小
rem 即（root em）也就是相对于根元素 html 元素的 font-size
rpx 是微信小程序中的单位，规定屏幕宽度为 750 rpx（所有设备都是如此）

62.5% 设置根元素的font-size{font-size:62.5%}; 因为浏览器默认的大小为 16px 乘以 62.5% 之后为 10px;然后在使用rem单位的时候方便换算。但是由于Chrome最小的font-size为 12px，所以也有人设置为 625%的。