HTML5常见的取值与单位

长度单位包括

相对长度单位包括:em, ex, ch, rem, vw, vh, vmax, vmin

绝对长度单位包括:cm, mm, q, in, pt, pc, px

ch:数字“0”的宽度

em:相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

ex:相对长度单位。相对于字符“x”的高度。通常为字体高度的一半。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

rem:相对于根元素(即html元素)font-size计算值的倍数

vw:相对于视口的宽度。视口被均分为100单位的vw

vh:相对于视口的高度。视口被均分为100单位的vh

vmax:相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax

vmin:相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax

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

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

q:1/4毫米 1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

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

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

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

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

PixelsEMsPercentPoints
6px0.375em37.5%5pt
7px0.438em43.8%5pt
8px0.5em50%6pt
9px0.563em56.3%7pt
10px0.625em62.5%8pt
11px0.688em68.8%8pt
12px0.75em75%9pt
13px0.813em81.3%10pt
14px0.875em87.5%11pt
15px0.938em93.8%11pt
16px1em100%12pt
17px1.063em106.3%13pt
18px1.125em112.5%14pt
19px1.188em118.8%14pt
20px1.25em125%15pt
21px1.313em131.3%16pt
22px1.375em137.5%17pt
23px1.438em143.8%17pt
24px1.5em150%18pt