工具简介
PX 转 EM 工具，是一款单位换算工具，可以把 PX 像素值转换成对应的 EM 值；同时也支持把 EM 转换成 PX 像素值。PX 和 EM 这 2 种单位通常用于网页设计的 CSS 样式表中，如：字体大小、元素尺寸、内外间距等。
使用本工具，需要指定根字体大小（Root Font Size），该大小将作为换算基准数据。假如我们把根字体大小设为 16px，那么，1em 等于 16px；2em 等于 32px；3.5em 等于 56px...
什么是 EM？
EM 单位是印刷术领域中的度量单位，等于当前字体的大小。正如上面举的例子，如果您的根字体大小为 16 像素，则 1em = 16px。
像素PX、EM、百分比％和像素点PT之间有什么不同？
首先，像素 PX 和 PT 是静态测量值，但通常在不同的场景中使用。因为屏幕以像素为单位，所以在屏幕上使用像素。尽管可以在屏幕上使用 PT 作为单位，但由于它们是 DPI 的缘故，因此，PT 通常作为印刷行业的标准单位。
其次，百分比和 EM 是相对度量。EM 或百分比单位的大小取决于其父元素。如果正文文本的大小设置为 12px，则文本大小设置为 120％ 或 1.2em 的实际大小为 14.4px（即 1.2 * 12 = 14.4）。
PX、EM、％ 和 PT 之间的转换关系
注意：以下所有转换均以 16px 用作正文文本大小。
1、PX 转 EM
公式：像素大小 / 父像素大小
例如：12px / 16px = .75em
2、PX 转百分比％
公式：像素大小 / 父像素大小 * 100
例如：12px / 16px * 100 = 75％
3、PX 转 PT
公式：以像素为单位的尺寸 * (每英寸的点数 / 每英寸的像素数)
例如：16px * (72pt / 96px) = 12pt
4、EM 转 PX
公式：以 EM 为单位的尺寸 * 以像素为单位的父尺寸
例如：.75em * 16px = 12px
5、EM 转百分比％
公式：以 EM 为单位的大小 * 100
例如：.75em * 100 = 75％
为什么建议在 CSS 中的使用 EM 作为字体大小的单位？
使用 EM 作为字体大小的单位，对于设计者来说更容易维护，并且最终用户更易于访问。使用 EM 来指定字体大小，只需更改一个元素的字体大小，其余的都将按比例缩放，避免单独更改每个元素的字体大小。
另外，使用 EM 还能提升页面的可访问性和用户体验，因为网页中的文本是根据比例进行缩放的，而不是以像素 PX 为单位来设置一个固定值，这样，在不同的屏幕尺寸下，EM 有更好的屏幕适应性。