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的字體仍然是默認大小，不影響未設置大小的元素的默認字體的大小。