避免使用em或px，而是使用rem，因为它更容易找到计算值。但在em和px之间，px更好，因为em很难调试。

普遍的共识是使用百分比来调整字体大小，因为它在浏览器/平台之间更加一致。

有趣的是，我以前总是使用pt来调整字体大小，我假设所有网站都使用pt。你通常不会在其他应用程序（如Word）中使用像素大小。我想这是因为它们是用于打印的-但在web浏览器中的大小与Word中的大小相同。。。

它适用于根据字体大小进行缩放的所有内容。

它在通过缩放字体大小实现缩放的浏览器上特别有用。因此，如果使用em调整所有元素的大小，它们会相应地缩放。

如果您想使用px来指定字体大小，但仍然希望em通过将其放在CSS文件中提供可用性，那么有一个简单的解决方案：

body {
  font-size: 62.5%;
}

现在指定p（和其他）标记如下：

p {
  font-size: 0.8em; /* This is equal to 8px */
  font-size: 1.0em; /* This is equal to 10px */
  font-size: 1.2em; /* This is equal to 12px */
  font-size: 2.0em; /* This is equal to 20px */
}

等等

例子：

代码：body｛font-size:10px；｝//保持10以下所有大小正确，更改此值，其余更改为该值的1.4

1｛font-size:1.2em；｝//12px

2｛font-size:1.4em；｝//14px

3｛font-size:1.6em；｝//16px

4｛font-size:1.8em；｝//18px

5｛字体大小：2em；｝//20px

…

body

1

2

3

4

5

通过改变身体中的值，其余部分会自动改变为基础值的一倍…

10×2=2010×1.6=16等

你可以将基值设为8px…所以8×2=168×1.6=12.8//可由浏览器舍入

使用px精确放置图形元素。使用em进行测量，必须在文本元素周围进行定位和间隔，如行高等。px是像素精度的，em可以随使用的字体动态变化