CSS 单位总结

CSS 单位总结

1. em： 相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸
2. ex: 相对长度单位，相对于字符“x”的高度。通常为字体高度的一半。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
3. ch: 数字“0”的宽度
4. rem: 相对长度单位，相对于根元素(即html元素)font-size计算值的倍数
5. vw: 相对于视口的宽度，视口被均分为100单位的vw
6. vh: 相对于视口的高度。视口被均分为100单位的vh
7. vmax: 相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax
8. vmin: 相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin
9. cm: 厘米（Centimeters），绝对长度单位1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
10. 10.mm: 毫米（Millimeters），绝对长度单位。1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
11. q: 1/4毫米（quarter-millimeters），绝对长度单位1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
12. in: 英寸（Inches)，绝对长度单位1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
13. pt: 点（Points），绝对长度单位1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
14. pc: 派卡（Picas），绝对长度单位。相当于我国新四号铅字的尺寸1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
15. px: 相对长度单位，像素（Pixels）1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px