給大家介紹下html中的單位，其中重點去說rem，因為rem在手機適配中用的比較多，雖然現在有框架可以解決我們的問題，但是我們還是要能夠在不依賴框架的基礎上去，去適配手機端。
html中的單位：
- 相對長度單位中有： em rem ex ch vw vmax vmin
- 絕對長度單位中有： px cm mm q in pc pt
- 百分比單位
我們在工作和學習中常用的是px em 百分比 和 rem 了，別的可能在特殊的情況下才會使用，那我們就先看看這幾個常用的解釋吧：
px：表示像素，1像素是屏幕上的一個點而屏幕上的點的個數取決於屏幕的分辨率。
em：相對於當前對象內文本的字體尺寸，如果你父元素的字體大小是16px 那麼1em = 16px，事實上w3標準中的解釋是 是相對於使用em單位元素的字體大小，但是em有繼承效果，如果有繼承的話，你的em值將會不準確，它繼承你父元素的大小。
rem : 跟em相似，不同的點在於它的大小是按照html上的font-size去設置的，rem直接繼承的是你瀏覽器的大小，當使用rem的佈局的時候可以對相應屏幕的大小調整不同的字體大小。
百分比 ： 百分比佈局是按照比例佈局，沒有rem佈局精確，但是用的也比較多。
接下來重點去說rem佈局
1.直接去哪個例子來解釋，比如現在我有個640px的設計圖，我自己定義把它分成20份，那麼它的一份就是32，如果我量出來的這個元素的高度是16px； 那麼就是16/32rem ,而我們定義它的html字體大小為 640px/20 ,rem = 640px/20 16/32*32 = 16px； 轉換成px還是16；
2.也可以直接給html一個字體大小，比如我給html font-size:50px； 我量出來的一個元素的高度是43px；43px/50rem就可以了
最後rem佈局的根本是按照比例去等比例縮放的，就行了，只要牢記這個核心，相信大家會在適配上有所提升的，還有更簡便的方法，直接使用rem別人寫的js，引入直接用就可以，大家一起加油吧！
閱讀更多 前端小棧 的文章
