| px | 畫素（pixels）。相對長度單位。 |
| cm | 厘公尺（centimeters）。絕對長度單位。 |
| mm | 公釐（millimeters）。絕對長度單位。 |
| vw | 相對於視口的寬度。視口被均分為100單位的vw。 | 如果視口的寬度是200mm，那麼
h1元素的字型大小8vw將為16mm，即
(8x200)
/100。 |
| vh | 相對於視口的高度。視口被均分為100單位的vh。 | 如果視口的高度是200mm，那麼
h1元素的字型大小8vh將為16mm，即
(8x200)
/100。 |
| vmin | 相對於視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vmin。 |
如果視口的寬度是300mm，高度是200mm，那麼h1元素的字型大小8vmin將為16mm，即
(8x200)
/100，
因為高度比寬度要小，所以計算的時候相對於高度。 |
| vmax | 相對於視口的寬度或高度中較大的那個。其中最大的那個被均分為100單位的vmax。 |
如果視口的寬度是300mm，高度是200mm，那麼h1元素的字型大小8vmax將為24mm，即
(8x300)
/100，
因為寬度比高度要大，所以計算的時候相對於寬度。 |
| em | 假定當前預設字型尺寸是14px，n em 即為14px字型尺寸的n倍。 | 相對長度單位。相對
於當前物件內文字的字型尺寸。 | 如當前對行內文字的字型尺寸未被人為設定，則相對於瀏覽
器的預設字型尺寸。也叫做1倍字寬。 |
| rem |
相對於根元素
( 即html元素 ) font-size 計算值大小的倍數。相對長度單位。 ||in
| 英吋（inches）。絕對長度單位。 |
| ch | 乙個數字「0」的寬度。絕對單位。 |
| pt | 點（points）。絕對長度單位。 |
| pc | 派卡（picas）。絕對長度單位。相當於我國新四號鉛字的尺寸。 |
| ex | 相對長度單位。相對於字元「x」的高度。通常為字型高度的一半。 | 如當前對行內文字的字型
尺寸未被人為設定，則相對於瀏覽器的預設字型尺寸。 |
| fr | 被用於在一系列長度值中分配剩餘空間，如果已指定了多個部分，則剩下的空間根據各自的數
字按比例分配。 | 類似flex布局數字分配，彈性尺寸使用fr尺寸單位，其來自「fraction」這
個單詞的前兩個字母，表示整體空間的一部分。 ||%
|% 就不解釋了，我們都懂!!!
|
CSS尺寸單位 px em rem 詳解
在css中，尺寸單位分為兩類 相對長度單位和絕對長度單位。相對長度單位按照不同的參考元素，又可以分為字型相對單位和視窗相對單位。字型相對單位有 em ex ch rem 視窗相對單位有 vw vh vmin vmax幾種。絕對長度單位則是固定尺寸，它們採用的是物理度量單位 cm mm in px p...
CSS尺寸單位 px em rem 詳解
在css中，尺寸單位分為兩類 相對長度單位和絕對長度單位。相對長度單位按照不同的參考元素，又可以分為字型相對單位和視窗相對單位。字型相對單位有 em ex ch rem 視窗相對單位有 vw vh vmin vmax幾種。絕對長度單位則是固定尺寸，它們採用的是物理度量單位 cm mm in px p...
css中尺寸單位介紹
1.em 在做手機端的時候經常會用到的做字型的尺寸單位 說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em，則當前的div的字型大小為 當前div繼承的字型大小 1.5 但是當div進行巢狀的時候，em始終是按照當前div繼承的字型大小來縮放，參照後面的例子。2.rem 這裡的r就...