为什么 Bootstrap 4 选择了 rem 和 em 而不是 px？

Question

我想知道为什么 Bootstrap 选择使用 rem 和 em 而不是 px 用于 Bootstrap 4。

我们可以在项目的 variables.scss 文件 中看到一个示例：

 $font-size-h1: 2.5rem !default;
$font-size-h2: 2rem !default;
$font-size-h3: 1.75rem !default;
$mark-padding: .2em !default;

我在网上找不到开发人员对此的任何解释。他们有没有解释过为什么在任何地方做出这个决定？

原文由 raduken 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

REM 几乎在任何明确设置大小的地方都很有用。

使用 rem，所有字体大小都相对于根元素（又名 html 标签）。这样做的原因是为了更容易扩大或缩小设备的规模。从技术上讲，您可以将 html 标记更改为更小或更大的尺寸，以平等地缩放所有字体大小——这是一个非常好的功能。

… [T] 主要的一点是一切都是动态的，并且与根 HTML 标记相关。

例如，将 html css font-size 更改为不同的数字……并观察整个网格如何调整和缩放。

资料来源： Scotch.io

原文由 isherwood 发布，翻译遵循 CC BY-SA 4.0 许可协议