我记得之前挺早时候，有看过类似的文章，奈何抵不住遗忘曲线，所以再次遇到这种html {font-size: 62.5%} 写法，我决定写写文章记录下吧，反正也花费不了时间，加深下自己的记忆吧。
一般来说，我们在写CSS的时候，用于描述大小的，有这么几种主要的单位，比如px，em，rem。
1、相信px是大家用的比较多的吧，就是设置1px那就是1像素大小，显示的比较精确，但是px不支持用户进行浏览器缩放或者不同移动端的兼容，因为像素是固定的，屏幕大小是会变化的。
2、而使用em的话，默认情况下1em=16px，且em是相对它的父级元素的字体大小，由于是基于父级的相对字体大小，如果要做不同分辨率的兼容性问题的话，通常情况下，我们只需更改下html {font-size: 62.5%} 写法就可以来适配不同的分辨率的设备。
那还是不理解为什么是html {font-size: 62.5%} 写法，理由是换算方便，来个算术题
本身，1em=16px，那因为已经设置了父级的文字大小为62.5%，em又是个相对单位，所以此时的1em=16px乘以62.5%，那就是1em=10px了，以此类推的，后续要设置文字大小的话，就好算多了，就是扩大10倍，比如1.2em=12px了嘛？是不是方便了很多，换算也方便了，同时也满足了后续如果有开发兼容多端的需求。
3、rem是CSS3中新出来的文字大小的相对单位，它只基于HTML元素的字体大小来决定，也就是说如果在HTML根节点设置字体font-size为100px. 则1rem=100px，2rem=200px以此类推，是不跟父级字体存在任何的关系。