设置body{font-size:62.5%}的原因

在CSS弹性布局是根据字号（而不是浏览器宽度）来设置元素的宽度，通过以em为单位设置宽度，可以确保字号增加的时候整个布局随之扩大，这样可以将行长保持在可阅读的范围内，对于实力弱或者认知障碍的人士尤其有用

所以，如果你想灵活布局，经常需要初始化设置body的font-size属性，常见的有

body{font-size:62.5%}

 

为什么要设置成62.5%呢？为什么使用%而不是px呢？因为是新手，不懂，查font-size属性，当值为%的时候是指：

%    把 font-size 设置为基于父元素的一个百分比值。

这body的父元素就是HTML啦，应该是指浏览器默认样式啦....

而大多数浏览器的默认字号是16px,10px相当于16px的62.5%  

这么设置之后1em=10px,所以可以将所有像素宽度转换成em宽度（或者反过来） ,只要乘或除以10就ok啦，这样就可以灵活转换固定布局和弹性布局啦