css尺寸单位分析大全

CSS尺寸单位类型

常见单位	描述
%	百分比
in	英寸
cm	厘米
mm	毫米
em	相对字体大小单位。1em等于当前的字体尺寸；2em等于当前字体尺寸的两倍；css中，em是非常有用的单位，因为它可以自动适应用户所使用的字体。em是相对于父元素的字体来计算。
rem	相对字体大小单位。rem相对的是html的根元素（html标签元素）字体进行计算。
ex	一个ex是一个字体的x-height。（x-height 通常是字体尺寸的一半。）依赖于英文字母小x的高度
cap	表示元素字体的‘顶高’（大写字母）
ic	等于使用预先测量的“水”（CJK水表意文字，U+6 c34）字形字体用于呈现它
lh	等于所使用元素的行高属性的计算值，转换为绝对长度
rlh	等于根元素(通常)上的行高属性的计算值，转换为绝对长度。当用于根元素的字体大小或行高属性时，它指的是属性的初始值
ch	数字0的宽度
pt	磅 (1 pt 等于 1/72 英寸)
pc	12 点活字 (1 pc 等于 12 点)
px	像素 (计算机屏幕上的一个点)
in	英寸 (1in = 96px = 2.54cm)
视口单位	描述
vw	是一种视窗单位，也是相对单位。视窗宽度的百分比（1vw 代表视窗的宽度为 1%）
vh	是一种视窗单位，也是相对单位。视窗高度的百分比
vmin	是一种视窗单位，也是相对单位。当前 vw 和 vh 中较小的一个值
vmax	是一种视窗单位，也是相对单位。当前 vw 和 vh 中较大的一个值
vi	在根元素的内嵌轴的方向上，等于初始包含块大小的1%。
vb	在根元素的块轴的方向上，等于初始包含块大小的1%。
角度单位	描述
deg	表示角度的角度。一个完整的圆是360度。
turn	在许多回合中代表一个角度。一个完整的圆是1圈。
弧度单位	描述
grad	表示倾斜角度的角度。一个完整的圆圈是400。
rad	表示弧度的角度。一个完整的圆是2弧度，近似于6。
其他单位	描述
s	秒
ms	毫秒
其他单位	描述
HZ	代表赫兹的频率
KHZ	千赫兹
fr	数据类型被指定为一个数字，后面是单元fr。fr单元表示网格容器中剩余空间的一小部分。与所有CSS维度一样，单元与数字之间没有空格。