对 REM 和 EM 感到困惑?

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Jeremy Church

虽然 em 相对于其直接或最近父元素的字体大小,但 rem 仅相对于 html(根)的字体大小。

Jeremy 倾向于使用 em,因为它能够控制设计区域。例如,相对地缩放该特定区域中的字体。我倾向于喜欢 rem,因为它能够轻松地缩放整个页面上的字体,但我也遇到过一些问题,在这种情况下,这种控制力不够,所以我可能会因为这个原因而重新使用 em

更新:Jeremy 在某个时候改变了他的看法

我比以前更多地使用 rem 。我仍然倾向于以 em 设置标题的字体大小,但我可以看到 rem 对某些标题和其他文本的好处。我还使用 rem 设置大多数边距,有时也用于填充。

我基本上是一个 rem 爱好者。但有时会按照 字体大小理念:根元素使用 px,组件使用 rem,文本元素使用 em 中所述的方式进行操作,这听起来像是 Jermey 将要采取的方向。

直接链接 →