常用的 CSS 长度单位

1. px（像素）

最常用到的 绝对长度单位，相对于显示器分辨率而定的单位，兼容性好。

 

 

2. 百分比

常见 相对长度单位，相对于父元素的尺寸的取值，实际使用中，如果父元素是一个非稳定的取值，可能会导致父元素被撑开，而实际值取决于其祖先元素中最近的一个拥有稳定取值的元素。整数取值，并不适用于解决自适应问题。

3. em

常见 相对长度单位，取决于目标元素字体尺寸。

 

 

4. rem

CSS3中加入的 相对长度单位，取决于文档根元素（通常为:root）的字体尺寸，适用于依据字体尺寸进行的排版，适用于自适应。

 

 

5. vw & vh

CSS3中加入的 相对长度单位，取决于浏览器视窗的宽（高），1vw 即为浏览器视窗宽度的1/100，适用于依据屏幕宽或高进行的排版，适用于自适应。

 

 

6. vmin & vmax

CSS3中加入的 相对长度单位，取决于浏览器视窗的宽或高中最小（最大）尺寸的轴，适用于依据屏幕最值宽或高进行的排版，适用于自适应。

 

 

7. pt （点）

绝对长度单位，多用于字体尺寸，1px = 0.75pt。

 

 

---

 

附：

绝对长度单位换算公式： 1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px