我听说你应该在样式表中用em而不是像素来定义大小和距离。所以问题是，在CSS中定义样式时，为什么要使用em而不是px？有没有一个很好的例子可以说明这一点？
当前回答
我有一台高分辨率的小型笔记本电脑，必须以120%的文本放大率运行Firefox，才能不斜视地阅读。
许多网站都有这样的问题。布局变成乱码，按钮中的文本被切成两半或完全消失。就连stackoverflow.com也深受其苦：
注意顶部按钮和页面选项卡如何重叠。如果他们使用em单位而不是px，就不会有问题。
其他回答
我有一台高分辨率的小型笔记本电脑，必须以120%的文本放大率运行Firefox，才能不斜视地阅读。
许多网站都有这样的问题。布局变成乱码，按钮中的文本被切成两半或完全消失。就连stackoverflow.com也深受其苦：
注意顶部按钮和页面选项卡如何重叠。如果他们使用em单位而不是px，就不会有问题。
例子：
代码：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//可由浏览器舍入
避免使用em或px，而是使用rem，因为它更容易找到计算值。但在em和px之间，px更好，因为em很难调试。
因为他们(http://en.wikipedia.org/wiki/Em_（排版））与当前使用的字体大小成正比。如果字体大小是16点，那么一个em就是16点。如果字体大小为16像素（注意：与点不同），则一个em为16像素。
这导致了两件（相关的）事情：
如果你以后选择在CSS中编辑字体大小，保持比例很容易。许多浏览器支持自定义字体大小，覆盖CSS。如果您以像素为单位设计所有内容，那么在这些情况下，您的布局可能会中断。但是，如果你使用ems，这些过度使用应该可以缓解这些问题。
使用px精确放置图形元素。使用em进行测量，必须在文本元素周围进行定位和间隔，如行高等。px是像素精度的，em可以随使用的字体动态变化
