最近搞移動端，真是被rem、em與px的換算要了老命了，看了不少文件，似乎弄明白了，這不今天用又矇圈了。
好多文件上老是說用rem就給html設定font-size，用em就給body設定font-size
看了下bootstrap樣式表，html body ，其他樣式略哈，就講這兩個主要的。
可惜大姐長了這麼大眼睛，從昨天到今天一直把em看成了rem，導致越算越鬱悶……好不說了，解釋如下：
其實可以學習bootstrap的這種設定，因為在用到em和rem的時候互不影響，因為rem就是去參照你html的font-size，管你body設不設定，都與我沒關係。
一、那麼如果你確定要使用rem單位，就按以下三個步驟來計算：
1、確定基數：一般10px，自己記住就行，不用寫進**裡
2、html 百分數=基數/16
基數10 百分數62.5%
基數14 百分數87.5%
3、px換算rem 公式=想要的px值/基數
也就是說，當你設定 html ，你想給容器裡的文字設定字型大小14px，換算成rem就是14px/10——1.4rem 這樣子
二、如果使用em單位的時候，計算機就會自己去找你body的設定，才不會管你html是如何設定的呢
比如我們偉大的bootstrap給 body 這樣設定後，如果我想要乙個14px的外邊距，我就用14px/14px——1em 這樣啦。
如何使用新單位rem
手機端需加上第一條，pc無視 1 需要先加上 手機端獲取物理裝置尺寸 1 2 viewport content width device width,minimum scale 1,maximum scale 5,user scalable no 獲取手機端物理裝置尺寸 2 先初始化頁面預設的字型大...
rem單位使用法
css3的出現，他同時引進了一些新的單位，包括我們今天所說的rem。在w3c官網上是這樣描述rem的 font size of the root element 下面我們就一起來詳細的了解rem。前面說了 em 是相對於其父元素來設定字型大小的，這樣就會存在乙個問題，進行任何元素設定，都有可能需要知...
rem 單位 和 em 單位
首先要知道 rem 和 em 是相對單位 我們通過 來看 rem 和 em的使用和區別 em 相對於父級 test 16px test test 顯示效果 我們可以看到，首先我們重置瀏覽器的預設顯示字型大小為16px 即便預設顯示大小也是16px body中的第乙個段落標籤的字型大小也就是16px ...