研究背景
一般用于描述 font-size熙宇、padding 或者 border 的長度都使用 px 單位朦乏。但最近看到也有很多使用 em 單位的找颓，為了弄清楚岳颇，有必要總結一下不同長度單位的用法。
內容
當前出現(xiàn)的一般有以下幾種長度單位：
- 絕對長度：
- px
- in
- pt
- cm
- 相對長度：
- em
- rem
- %
絕對值
in
inches (1in = 96px = 2.54cm)
px
pixels (1px = 1/96th of 1in)
在這里值得一提的是 pixel 在不同的語境下有不同的含義颅湘，例如 css pixel 或者 device pixel话侧。這里特指 css pixel。
pt
points (1pt = 1/72 of 1in)
cm
centimeters
相對值
em
相對于元素的 font-size 的值 （2em 表示當前 font-size 的2倍）
rem
相對于根元素的 font-size 的值
使用說明
最早的單位是 px 和 %闯参，后來應該是為了解決縮放的問題引入了 em瞻鹏。又因為 em 單位是相對于父元素的 font-size，如果兩個相同的元素做了嵌套鹿寨，真正的字體大小可能還不一樣新博，為了解決這個混亂，引入了相對于根元素的 rem脚草。不過看了這么多網站赫悄，好像當前使用 em/rem 的不是很多。當前暫時就先用 px 吧。
em 用法
如果要使用 em 的話埂淮，因為瀏覽器默認字體大小是 16px姑隅，為了避免計算出來小數(shù)，一般都會提前設置 body 元素的 font-size 大小是 10px倔撞，即 62.5%讲仰。
body{ font-size:62.5%; }
