62.5%字体在弹性布局中的用途

Question

有一种做法是将字体设置为62.5 %，所以1em等于10 px。另外，这种方法也有一些缺点。

body {
  font-size: 62.5%;
}

正如几篇文章所述，

第一条报价表

62.5%的伎俩很常见，在两种情况下都有其用途：

• 您需要更简单的数学，例如，如果您正在构建一个弹性布局(宽度:30 if；==宽度:300 if；)
• <...>

来自另一篇文章的报价

62.5%的黑客是一个常见的，有其用途和缺点。 我只建议在你想要更简单的数学时才使用它，例如，如果你正在建立一个弹性布局。

我想知道62.5 %的技巧如何帮助建立弹性布局。一些简单的例子？

Answer 1

如果您正在用rem设置所有填充/边距--这样，在100%浏览器缩放时，您就知道1 rem=10 If。

Answer 2

这是一种摆脱像素字体大小的方法。假设在分辨率为3840×2160但显示器实际只有13英寸的显示器上，字体大小为10 of，指的是它的宽度。一个10 to字符将占用三分之一英寸，这是非常小，很难看到。

我的数学可能有点错误，但一般来说，使用非像素字体大小是为了使选择字体大小的设备是不可知的。因此，字体总是显示在一个可读的大小，即使在显示器高和低的PPI。