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

px：pixel，像素，螢幕上顯示的最小單位，用於網頁設計，直觀方便；
pt：point，是一個標準的長度單位，1pt＝1/72英寸，用於印刷業，非常簡單易用；
em：即％，在CSS中，1em＝100％，是一個比率，結合CSS繼承關係使用，具有靈活性。
PPI（DPI）：pixel（dot）per inch，每英寸的像素（點）數，是一個率，表示了“清晰度”，“精度”

PX和PT轉換的公式：
pt=px乘以3/4。
PX和em轉換的公式：
em=16乘以px，也就是說1.5em=1.5×16=24px。

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

Pixels

6px

7px

8px

9px

10px

11px

12px

13px

14px

15px

16px

17px

18px

19px

20px

21px

22px

23px

24px

EMs

0.375em

0.438em

0.5em

0.563em

0.625em

0.688em

0.75em

0.813em

0.875em

0.938em

1em

1.063em

1.125em

1.188em

1.25em

1.313em

1.375em

1.438em

1.5em

Percent

37.5%

43.8%

50%

56.3%

62.5%

68.8%

75%

81.3%

87.5%

93.8%

100%

106.3%

112.5%

118.8%

125%

131.3%

137.5%

143.8%

150%

Points

5pt

5.5pt

6pt

7pt

8pt

8pt

9pt

10pt

11pt

11pt

12pt

13pt

14pt

14pt

15pt

16pt

17pt

17pt

18pt