rem
rem：是一个相对单位，相对根元素字体大小的单位，直白点就是相对于html元素字体大小的单位。html元素字体大小100px，那么1rem 就100px。
优点：在计算子元素有关的尺寸时，只要根据html元素字体大小计算就好。不再像使用em时，得来回的找父元素字体大小频繁的计算，根本就离不开计算器。
为什么根元素font-size设置成625%
理论上，根元素font-size为1px，1rem就是1px，但是因为chrome不支持小于12px的字体，计算小于12px的时候，会默认取12px去计算，导致chrome的rem计算不准确。
所以根元素font-size为100px，那么1rem就是100px，即rem与px直接的比例100，开发时就可以根据比例设置rem了，如1px = 0.01rem。
但是这样的设置并不理想，因为当浏览器的默认字体大小改变时，不会影响我们设置的大小，就是说就算你浏览器默认字体变大了，也不会影响我页面设置的大小，因为我的根元素font-size为100px，是固定的。这样并不好，
所以根元素font-size不能固定为100px，而是要是一个比率，当浏览器的默认字体大小改变时，页面设置的大小也会跟着改变。
根元素font-size设置成625%会比较合适，因为大多浏览器默认的字体大小是16px， 16px * 625% = 100px，即根元素font-size为100px，这样又可以根据1:100的比例换算了。
