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

Posted 2020-12-10 ypppt

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

熊猫办公https://www.wode007.com/sites/73654.html

PX、PT、EM的解释： 

px：pixel，像素，屏幕上显示的最小单位，用于网页设计，直观方便；
pt：point，是一个标准的长度单位，1pt＝1/72英寸，用于印刷业，非常简单易用；
em：即％，在CSS中，1em＝100％，是一个比率，结合CSS继承关系使用，具有灵活性。

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