我听说你应该在样式表中用em而不是像素来定义大小和距离。所以问题是，在CSS中定义样式时，为什么要使用em而不是px？有没有一个很好的例子可以说明这一点？
当前回答
因为他们(http://en.wikipedia.org/wiki/Em_（排版））与当前使用的字体大小成正比。如果字体大小是16点，那么一个em就是16点。如果字体大小为16像素（注意：与点不同），则一个em为16像素。
这导致了两件（相关的）事情：
如果你以后选择在CSS中编辑字体大小，保持比例很容易。许多浏览器支持自定义字体大小，覆盖CSS。如果您以像素为单位设计所有内容，那么在这些情况下，您的布局可能会中断。但是，如果你使用ems，这些过度使用应该可以缓解这些问题。
其他回答
避免使用em或px，而是使用rem，因为它更容易找到计算值。但在em和px之间，px更好，因为em很难调试。
托马斯鲁特（thomas rutter）的最高分答案是正确的，但关于像素的大小是非常错误的。所以，即使它很旧，我也不能让它被破坏。
电脑屏幕通常不是96dpi！（或者ppi，如果你想迂腐的话。）
像素没有固定的物理大小。（是的，它只固定在一个屏幕上，但在下一个屏幕中，像素很可能更大或更小，当然不是1/96英寸。）证据画一条960像素长的线。用物理尺测量。是10英寸吗？不将你的笔记本电脑连接到电视上。现在线路是10英寸吗？还是没有？在iPhone上显示该行。还是一样大小？为什么不呢？
谁发明了96dpi电脑屏幕神话？（有些宗教使用72dpi的神话。但同样错误。）
使用px精确放置图形元素。使用em进行测量，必须在文本元素周围进行定位和间隔，如行高等。px是像素精度的，em可以随使用的字体动态变化
它适用于根据字体大小进行缩放的所有内容。
它在通过缩放字体大小实现缩放的浏览器上特别有用。因此，如果使用em调整所有元素的大小，它们会相应地缩放。
在IE6（从您的网站上）消失之前，您可能希望使用em作为字体大小。当页面缩放（与文本缩放相反）成为标准行为时，Px将正常。
Trainfamer已经提供了必要的链接。
