絕對長度單位

• px

px，pixel，像素。是顯示屏上顯示的每一個小點，為顯示的最小單位。

• pt

磅，1pt = 1/72 英寸

• in

英寸，1in = 96px

• cm

厘米，1cm = 37.8px

• mm

毫米，1mm = 3.78px

相對長度單位

• 百分比（%）

是一個相對長度單位，描述的是相對于父元素的百分比值。

• em

em，相對于當(dāng)前對象內(nèi)文本的字體大小。
如，body的font-size設(shè)置為12px，則對于body內(nèi)部的子元素而言，1em = 12px。

但是要注意一點，em的大小依據(jù)于父元素的字體大小。當(dāng)存在多層元素嵌套時，每一個div都將從父元素繼承字體大小，并逐層增加。

• rem

rem，"r"="root"，意思是1rem等于root元素的字體大小。大部分情況下，根元素等于html元素。

• ch & ex

ch 和 ex，基于字體的度量單位，依賴于當(dāng)前設(shè)定的字體。
ch，通常被定義為數(shù)字0的寬度，這個單位的傳統(tǒng)用途主要是盲文的排版。
ex，定義為當(dāng)前字體的小寫x字母的高度（x-height）或者 0.5em。

• vh & vw

其中，v 代表 viewpoint（視口）。
我們可以利用vh 和 vw 來參考使用視口的高度和寬度。

假設(shè)視口的寬度和高度分別為150px，250px
1vw = 150/100 px
1vh = 250/100px

• vmin & vmax

同樣也是依據(jù)于視口的高度和寬度。
vmin和vmax是關(guān)于視口高度和寬度兩者的最小或者最大值。

假設(shè)視口的寬度和高度分別為120px，260px
1vmin = 120/100 = 1.2px
1vmax = 260/100 = 2.6px