px：pixel，像素，屏幕上顯示的最小單位，用於網頁設計，直觀方便；

　　pt：point，是一個標準的長度單位，1pt＝1/72英寸，用於印刷業，非常簡單易用；

　　em：即％，在CSS中，1em＝100％，是一個比率，結合CSS繼承關系使用，具有靈活性。

　　PPI（DPI）：pixel（dot）per inch，每英寸的像素（點）數，是一個率，表示了“清晰度”，“精度”



PX和PT轉換的公式：

以前在文章中介紹過PX和PT的轉換規則，其實很簡單，pt=px乘以3/4。

比如12px×3/4=9pt大小。

PX和em轉換的公式：

對於PX轉em的方法也類似，就是em=16乘以px，也就是說1.5em=1.5×16=24px。



設計中常用PX/EM/PT/百分比轉換表格

Pixels
EMs
Percent
Points


6px
0.375em
37.50%
5pt


7px
0.438em
43.80%
5.5pt


8px
0.5em
50%
6pt


9px
0.563em
56.30%
7pt


10px
0.625em
62.50%
8pt


11px
0.688em
68.80%
8pt


12px
0.75em
75%
9pt


13px
0.813em
81.30%
10pt


14px
0.875em
87.50%
11pt


15px
0.938em
93.80%
11pt




16px
1em
100%
12pt

17px
1.063em
106.30%
13pt

18px
1.125em
112.50%
14pt

19px
1.188em
118.80%
14pt

20px
1.25em
125%
15pt

21px
1.313em
131.30%
16pt

22px
1.375em
137.50%
17pt

23px
1.438em
143.80%
17pt

24px
1.5em
150%
18pt









字號 磅數 毫米

八號 5磅 1.84

七號 5.5磅 2.12

小六號 6.5磅 2.45

六號 7.5磅 2.81

小五號 9磅 3.15

五號 10.5磅 3.70

小四號 12磅 4.25

四號 14磅 4.93

小三號 15磅 5.23

三號 16磅 5.55

小二號 18磅 6.37

二號 22磅 7.80

小一號 24磅 8.42

一號 26磅 9.66

小初號 36磅 11.1

初號 42磅 12.7

（附公式：px = pt * DPI / 72)

px 與 pt