css中的單位

前端開發中, 作適配是少不了的, 這就用到了css中的各類長度單位, 作一下總結

在css中, 長度單位分爲如下幾種

• 絕對單位: px、in、cm、mm、pt、pc
• 百分比單位: vw、vh、vmin、vmax、%
• 相對單位: em、rem、ex、ch

各單位介紹

px

不用過多介紹, 精確像素

in

寸

cm

釐米

mm

毫米

pt

大約1/72寸

pc

大約1/6寸

vw

以窗口寬度爲參照, 1vw爲窗口寬度的1%

vh

窗口高度爲參照, 1vh爲窗口高度的1%

vmin

窗口的寬度和高度中較小的一個爲參照

vmax

窗口的寬度和高度中較大的一個爲參照

%

以父節點爲基準的百分比

em

以父節點字體大小爲基準值

rem

以根節點字體大小爲基準值

ex

當前字體x的高度爲基準

ch

以當前字體0字符爲基準值