rem:是一个相对单位，相对根元素字体大小的单位。就是相对于html元素字体大小的单位。
优点：这样在计算子元素有关的尺寸时，只要根据html元素字体大小计算就好。不再像使用em时，得来回的找父元素字体大小频繁的计算，根本就离不开计算器。
- html的字体大小设置为font-size:52.5%原因
浏览器默认字体大小16px，rem与px关系为：1rem = 10px，10/16 = 0.625 = 62.5%，这样子元素相关尺寸的计算就很方便了。
当设计稿和屏幕一样大的情况下（如750px），只要将设计稿的尺寸除以10就是相应的rem尺寸了，
当然直接将html元素设置为10px，也是可以的。
- 为什么一般是html{font-size:62.5%;}，而不是html{font-size:10px;}呢？
因为有些浏览器默认的不是16px,或者用户修改了浏览器默认的字体大小。如果直接设置成10px，一定会影响在这些浏览器上的效果。
所以最好用绝大多数默认的16作为基数*6.25%，得到10px。
- 注意：chrome不支持小于12px的字体，计算小于12px的时候，会默认取12px去计算，导致chrome的rem/em不准确。
设置html字体为625%，即100px，body 修正为16px，这样 0.1rem 就是 10px，而body的字体仍然是默认大小，不影响未设置大小的元素的默认字体的大小。