css中常用的单位

css中单位很多，常见的有 px, %, vw, vh, em, rem, cm, mm, pt, in, pc, ex, ch 等。

 

1. px：像素。绝对单位，页面按照精确像素展示。

2. %：百分比。

3. vw：viewpoint width，视窗宽度。1vw = 视窗宽度的1%

4. vh：viewpoint height，视窗高度。1vh = 视窗高度的1%

　　备注：vmin：vw和vh中较小的那个值。vmax：vw和vh中较大的那个值。

5. em：相对单位，相对于父元素的大小取值。一般浏览器默认字体大小是16px。

6. rem：root element，相对单位。相对于跟元素 html 的 font-size 大小。

7. cm：厘米。

8. mm：毫米。

9. pt：磅。

10. in：英寸。

11. pc：12活字点。

12. ex：依赖于英文字母小 x 的高度。x-height 通常是字体尺寸的一半，也就是0.5em。

13. ch：数字0的宽度。如果没有0，就取值0.5em。