【发布时间】：2014-05-06 12:12:16
【问题描述】：
我知道使用em 作为font-size 单位的原因，它总是在响应式设计教程中讨论。
但在一些网站我发现他们也使用em作为margin或padding甚至width的单位。我知道他们为什么不想在px 中修复它，但为什么只使用百分比单位作为流体布局呢？
使用em 有什么好处？
【问题讨论】：
【发布时间】：2014-05-06 12:12:16
【问题描述】：
通过在ems中指定padding宽度，padding的宽度是相对于div元素的字体大小的。
所以当元素的字体大小增加并且元素周围的内边距也应该增加时，它很有用。
EM 是一个相对单位，作为一般规则，相对单位用于表示长度而不是绝对单位。
【讨论】：
假设您查看样式表并在 px 中找到 50 个不同的字体大小声明。当屏幕大小发生变化时，您需要通过media query 更改字体大小的 50 个位置。那是 50 个吸点。
首先，除了最庞大的网站之外，50 个位置对于所有人来说都太多了。但是假设这 50 个地方都在 em 中。现在通过媒体查询，您只需要更改正文上的字体大小，该更改将贯穿整个文档并相应地调整大小。
这篇文章的片段，它更有用更好解释here
【讨论】：
据我所知，使用em的好处是会根据font-size增加。
如果您提供增加字体大小的功能，在某些情况下，您可能希望内边距更大，以便为视力不佳的人提供更好的清晰度。
如果您不使用 SASS 或 LESS 之类的东西，另一个好处是您可以定义一个基值，其他人使用它来计算他们的值。这样您就可以只在一个地方进行更改。
【讨论】：