我听说你应该在样式表中用em而不是像素来定义大小和距离。所以问题是，在CSS中定义样式时，为什么要使用em而不是px？有没有一个很好的例子可以说明这一点？
当前回答
避免使用em或px，而是使用rem，因为它更容易找到计算值。但在em和px之间，px更好，因为em很难调试。
其他回答
使用px精确放置图形元素。使用em进行测量，必须在文本元素周围进行定位和间隔，如行高等。px是像素精度的，em可以随使用的字体动态变化
我有一台高分辨率的小型笔记本电脑，必须以120%的文本放大率运行Firefox，才能不斜视地阅读。
许多网站都有这样的问题。布局变成乱码，按钮中的文本被切成两半或完全消失。就连stackoverflow.com也深受其苦：
注意顶部按钮和页面选项卡如何重叠。如果他们使用em单位而不是px，就不会有问题。
一个非常实际的原因是，如果使用px指定字体，IE6不允许您调整字体大小，而如果使用em或百分比等相对单位，则可以调整字体大小。不允许用户调整字体大小对可访问性非常不利。尽管它在下降，但仍有很多IE 6用户。
托马斯鲁特（thomas rutter）的最高分答案是正确的，但关于像素的大小是非常错误的。所以，即使它很旧，我也不能让它被破坏。
电脑屏幕通常不是96dpi！（或者ppi，如果你想迂腐的话。）
像素没有固定的物理大小。（是的，它只固定在一个屏幕上，但在下一个屏幕中，像素很可能更大或更小，当然不是1/96英寸。）证据画一条960像素长的线。用物理尺测量。是10英寸吗？不将你的笔记本电脑连接到电视上。现在线路是10英寸吗？还是没有？在iPhone上显示该行。还是一样大小？为什么不呢？
谁发明了96dpi电脑屏幕神话？（有些宗教使用72dpi的神话。但同样错误。）
普遍的共识是使用百分比来调整字体大小，因为它在浏览器/平台之间更加一致。
有趣的是，我以前总是使用pt来调整字体大小，我假设所有网站都使用pt。你通常不会在其他应用程序（如Word）中使用像素大小。我想这是因为它们是用于打印的-但在web浏览器中的大小与Word中的大小相同。。。
