常用长度单位PX/EM/PT/百分比转换公式与对照表

内容摘要
PX、PT、EM、ex和in等都是我们常用的长度单位,尤其在网页的字体大小中经常用到。但是你知道PX、PT和EM之间是如何进行准换的吗
文章正文

PX、PT、EM、ex和in等都是我们常用的长度单位,尤其在网页的字体大小中经常用到。但是你知道PX、PT和EM之间是如何进行准换的吗?这里icech为大家找到了一个px、pt、em和percent大小转换的一个表格,尤其针对字体大小的转换十分方便。希望大家能够喜欢!

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
代码注释
[!--zhushi--]

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!