一个非常实际的原因是，如果使用px指定字体，IE6不允许您调整字体大小，而如果使用em或百分比等相对单位，则可以调整字体大小。不允许用户调整字体大小对可访问性非常不利。尽管它在下降，但仍有很多IE 6用户。

像素是绝对单位，而rem/em是相对单位。更多信息：https://drafts.csswg.org/css-values-3/

当您希望字体大小根据系统的字体大小进行调整时，应使用相对单位，因为系统将字体大小值提供给根元素（即HTML元素）。

在这种情况下，如果网页在Google Chrome中打开，HTML元素的字体大小由Chrome设置，请尝试更改它，以查看使用rem/em单位字体的网页的效果。

如果使用px作为字体单位，字体将不会调整大小，而使用rem/em单位的字体将在更改系统字体大小时调整大小。

因此，如果您希望大小固定，请使用px；如果您希望系统大小自适应/动态，请使用rem/em。

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

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

因为他们(http://en.wikipedia.org/wiki/Em_（排版））与当前使用的字体大小成正比。如果字体大小是16点，那么一个em就是16点。如果字体大小为16像素（注意：与点不同），则一个em为16像素。

这导致了两件（相关的）事情：

如果你以后选择在CSS中编辑字体大小，保持比例很容易。许多浏览器支持自定义字体大小，覆盖CSS。如果您以像素为单位设计所有内容，那么在这些情况下，您的布局可能会中断。但是，如果你使用ems，这些过度使用应该可以缓解这些问题。

例子：

代码：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//可由浏览器舍入

托马斯鲁特（thomas rutter）的最高分答案是正确的，但关于像素的大小是非常错误的。所以，即使它很旧，我也不能让它被破坏。

电脑屏幕通常不是96dpi！（或者ppi，如果你想迂腐的话。）

像素没有固定的物理大小。（是的，它只固定在一个屏幕上，但在下一个屏幕中，像素很可能更大或更小，当然不是1/96英寸。）证据画一条960像素长的线。用物理尺测量。是10英寸吗？不将你的笔记本电脑连接到电视上。现在线路是10英寸吗？还是没有？在iPhone上显示该行。还是一样大小？为什么不呢？

谁发明了96dpi电脑屏幕神话？（有些宗教使用72dpi的神话。但同样错误。）