css单位中分为相对长度单位、绝对长度单位。
常用单位
单位 | 类型 | 描述 |
px(pixel,像素) | Absolute | 1个Viewport像素,相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 |
pt(point,磅) | Absolute | 1pt = 1/72英寸,物理长度单位,指的是72分之一英寸 |
pc | Absolute | 1pc = 12pt |
% | Relative | 相对于父元素的字体尺寸 |
em | Relative | 相对于父元素的字体尺寸,相对长度单位。相对于当前对象内文本的字体尺寸 |
rem | Relative | 相对长度单位,(即root em) 相对于html标签的字体尺寸,相对的只是HTML根元素 |
keyword | Relative | xx-small, x-small, small, medium, large, x-large, xx-large |
vw | Relative | 相当于Viewport宽度的1/100,相对于视口的宽度 |
vh | Relative | 相当于Viewport高度的1/100,相对于视口的高度 |
vmin | Relative | 相当于Viewport高宽中长度相对较小的1/100,关于视口高度和宽度两者的最小值 |
vmax | Relative | 相当于Viewport高宽中长度相对较大的1/100,关于视口高度和宽度两者的最大值 |