CSS中的尺寸单位

绝对单位

px: Pixel 像素
pt: Points 磅
pc: Picas 派卡
in: Inches 英寸
mm: Millimeter 毫米
cm: Centimeter 厘米
q: Quarter millimeters 1/4毫米

相对单位

%: 百分比
em: Element meter 根据文档字体计算尺寸
rem: Root element meter 根据根文档( body/html )字体计算尺寸
ex: 文档字符“x”的高度
ch: 文档数字“0”的的宽度
vh: View height 可视范围高度
vw: View width 可视范围宽度
vmin: View min 可视范围的宽度或高度中较小的那个尺寸
vmax: View max 可视范围的宽度或高度中较大的那个尺寸

单位比例

1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

运算

calc: 四则运算
实例:
h1 {
    width: calc(100% - 10px + 2rem);
}

你可能感兴趣的:(CSS中的尺寸单位)