pt (point，磅)：是一个物理长度单位，指的是72分之一英寸。
px (pixel，像素)：是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。
em(相对长度单位，相对于当前对象内文本的字体尺寸)：是一个相对长度单位，最初是指字母M的宽度，故名em。现指的是字符宽度的倍数，用法类似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。
字号：是中文字库中特有的一种单位，以中文代号表示特定的磅值pt，便于记忆、表述。
pt和px的换算公式可以根据pt的定义得出:
pt=1/72(英寸), px=1/dpi(英寸)
因此 pt=px*72/dpi
以Windows下的96dpi来计算，pt=px*72/96=px*3/4
px是像素图像的基本采样单位，相对于显示器屏幕分辨率而已的，一个像素是什么呢，把一张图一直放大，会看到一个个小的方格，一个方格就是一个像素。浏览器默认的字体大小是16px。
特点：字体大小写死固定了，是固定值，老版本IE无法缩放字体，但现在基本上都不用管低版本的IE。所以一般情况都会使用这种单位，够精确。
em是一个相对单位表示相对于其父亲元素字体的大小而言，可以是小数，整数。比如父元素字体大小是16px,则1em就是16px,2em就是32px。
特点：不是固定值，它的值会随着父字体大小而变化。使用场景：当当前元素的内外边距需要与当前字体大小成比例时，可以使用em。
rem也是一个相对单位
与em的区别：rem是相对于根元素而言的，这样在使用计算时就比em简单方便，因为他的参考值就是根元素子图大小，浏览器默认的是16px。
rem特点：相对于根元素字体大小，计算方便。可以通过控制html根字体大小来改变整个页面字体大小，是页面在尺寸的移动端自适应。
|
字号 |
pt |
px |
em |
|
初号 |
42pt |
56px |
3.5em |
|
小初 |
36pt |
48px |
3em |
|
|
34pt |
45px |
2.75em |
|
|
32pt |
42px |
2.55em |
|
|
30pt |
40px |
2.45em |
|
|
29pt |
38px |
2.35em |
|
|
28pt |
37px |
2.3em |
|
|
27pt |
36px |
2.25em |
|
一号 |
26pt |
35px |
2.2em |
|
|
25pt |
34px |
2.125em |
|
小一 |
24pt |
32px |
2em |
|
二号 |
22pt |
29px |
1.8em |
|
|
20pt |
26px |
1.6em |
|
小二 |
18pt |
24px |
1.5em |
|
|
17pt |
23px |
1.45em |
|
三号 |
16pt |
22px |
1.4em |
|
小三 |
15pt |
21px |
1.3em |
|
|
14.5pt |
20px |
1.25em |
|
四号 |
14pt |
19px |
1.2em |
|
|
13.5pt |
18px |
1.125em |
|
|
13pt |
17px |
1.05em |
|
小四 |
12pt |
16px |
1em |
|
|
11pt |
15px |
0.95em |
|
五号 |
10.5pt |
14px |
0.875em |
|
|
10pt |
13px |
0.8em |
|
小五 |
9pt |
12px |
0.75em |
|
|
8pt |
11px |
0.7em |
|
六号 |
7.5pt |
10px |
0.625em |
|
|
7pt |
9px |
0.55em |
|
小六 |
6.5pt |
8px |
0.5em |
|
七号 |
5.5pt |
7px |
0.4375em |
|
八号 |
5pt |
6px |
0.375em |