px：絕對單位，頁面按精確畫素展示
em：相對單位，基準點為父節點字型的大小，如果自身定義了font-size按自身來計算（瀏覽器預設字型是16px），整個頁面內1em不是乙個固定的值。
rem：相對單位，可理解為」root em」, 相對根節點html的字型大小來計算，css3新加屬性，chrome/firefox/ie9+支援。
(另外需注意chrome強制最小字型為12號，即使設定成 10px 最終都會顯示成 12px，當把html的font-size設定成10px,子節點rem的計算還是以12px為基準，所以網上很多文章提到的將html的font-size設為10方便計算不是那麼可取)。
vw：viewpoint width，視窗寬度，1vw等於視窗寬度的1%。
vh：viewpoint height，視窗高度，1vh等於視窗高度的1%。
vmin：vw和vh中較小的那個。
vmax：vw和vh中較大的那個。
vw, vh, vmin, vmax：ie9+區域性支援，chrome/firefox/safari/opera支援，ios safari 8+支援，android browser4.4+支援，chrome for android39支援
絕對長度單位是乙個固定的值，它反應乙個真實的物理尺寸。絕對長度單位視輸出介質而定，不依賴於環境（顯示器、解析度、作業系統等）。
cm 厘公尺
mm 公釐
in 英吋(1in = 96px = 2.54cm)
px 畫素 (1px = 1/96th of 1in)
pt point，大約1/72英吋； (1pt = 1/72in)
pc pica，大約6pt，1/6英吋； (1pc = 12 pt)
關於CSS單位
初學css，相信大家都會用 px 作為單位使用，其實css還有很多單位，可以分為兩類 絕對單位 和 相對單位 絕對單位一般用於傳統平面印刷，很少用於前端開發，這裡我們只討論相對單位。相對單位主要有以下這些 px 畫素 百分比 em 1em等於 當前元素 的字型大小 rem 1rem等於 根元素 的字...
CSS3 中的取值和單位
在 css3 中增加了很多度量的單位和取值，下面是專案開發中常用到的單位和取值。1.長度值單位 h1 如果視口的寬度是200mm，那麼上述 中h1元素的字型大小將為16mm，即 8x200 100。h1 如果視口的寬度是300mm，高度是200mm，那麼上述 中h1元素的字型大小將為24mm，即 8...
關於css的幾個單位
px 畫素點 30 百分比，相對於父級的寬高百分比。移動端困局 高度無法與寬度一致，可以使用js設定。em 相對於當前模組的字型大小，web預設為16px，可以進行更改。相當於1em 16px，0.5em 8px，可以精確到小數點後三位。可以用來設定寬高 rem 相對於html的字型大小。1rem ...