PX、PT、EM、ex和in等都是我们常用的长度单位,尤其在网页的字体大小中经常用到。但是你知道PX、PT和EM之间是如何进行准换的吗?这里为大家找到了一个px、pt、em和percent大小转换的一个表格
PX、PT、EM的解释:
PX和PT转换的公式:
以前icech在文章中介绍过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%
|
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
|