CSS中常用单位

1、绝对单位 真实的物理尺寸，值取决于屏幕的分辨率

序号	单位	名称	等价换算	备注
1	cm	厘米	1cm = 96px/2.54
2	mm	毫米	1mm = 1/10th of 1cm
3	Q	四分之一毫米	1Q = 1/40th of 1cm
4	in	英寸	1in = 2.54cm = 96px
5	pc	十二点活字	1pc = 1/16th of 1in
6	pt	点	1pt = 1/72th of 1in	在打印的时候有使用到
7	px	像素	1px = 1/96th of 1in

2、字体相对单位 相对于字体的尺寸，值取决于字体的大小

序号	单位	相对于	备注
1	em	相对于元素的字体大小（1em = 1 font-size）
2	ex	相对于小写字母 x的高度，由font-family決定大小
3	ch	相对于数字0的宽度，由font-family决定大小
4	rem	相对于根元素的字体大小（1rem = 1 html font-size）	响应式布局

3、视窗相对单位 相对于窗口的尺寸，值取決于窗口的尺寸

序号	单位	相对于	备注
1	vw	相对于视口完度的1%（1w =视口宽度*1%）	做设备全局宽度100vw
2	vh	相对于视口高度的1%（1vh=视口高度*1%）	做设备全局高度100vw
3	vmin	相对于视口的1%较小尺寸（vw与vh中的最小值）
4	vmax	相对于视口的1%较大尺寸（vw与vh中的最大值）

4、百分比单位 相对于父级的尺寸%

序号	单位	相对于	备注
1	%	相对于父元素	做设备全局宽度100vw

5、角度单位

序号	单位	名称	备注
1	deg	度
2	grad	梯度
3	rad	弧度（1rad = 180deg/T）
4	turn	圆( lturn = 360deg)

6、时间单位

序号	单位	名称	备注
1	s	秒
2	ms	毫秒