Css Bootstrap 4：如何使用响应式字体大小为不同的显示器大小设置$font size base？

我正在RubyonRails应用程序（版本4.3.1）中使用引导gem。我最近发现了响应式字体大小功能（rfs）。根据引导文档，它刚刚在4.3版中提供

我找不到任何关于如何使用gem实现这一点的文档。以下是我迄今为止所做的工作

app/assets/javascripts/application.js

//= require bootstrap

我已按如下方式启用rfs

$enable-responsive-font-sizes: true;

$font size base

中的默认字体大小设置为1rem（16px，排序）

我通常在样式表中设置不同显示器的默认字体大小，如下所示

body, html { font-size: 14px; font-family: Arial; }
@media screen and (min-width: 769px) and (max-width: 1239px) { body, html { font-size: 16px; } }
@media screen and (min-width: 1240px) and (max-width: 1999px) { body, html { font-size: 18px; } }
@media screen and (min-width: 2000px) { body, html { font-size: 20px; } }

从我所读到的，我不应该再这样做了。有了这个新功能，设置

$font size base

是如何工作的？该值应该设置为所需的最大字体大小（在我的示例中为20px）还是最小字体大小？我这样问是因为Bootstrap在版本3中首先开始移动。我认为所有其他默认值都适用于我的网站

---

由于这是一项新功能，我没有从任何实现此功能的人那里找到任何信息。它看起来像是对引导的一个极好的补充。一旦我了解了

$font size base

如何使用rfs，我就可以从样式表中删除大量CSS代码。

所有内容都在中描述

您可以设置最大字体大小。当视口大于1200px时，将应用该选项。视口变小时，字体大小将自动重新缩放。因此，如果您有以下代码：

element { font-size: 20px; }

您必须将其替换为：

element { font-size: font-size(20px); }

可以在引导gem中的RFS源代码中找到实现和默认选项：

---

然后，您不必使用

$font size base

，而是使用

$rfs base font size

。

中介绍了所有内容

您可以设置最大字体大小。当视口大于1200px时，将应用该选项。视口变小时，字体大小将自动重新缩放。因此，如果您有以下代码：

element { font-size: 20px; }

您必须将其替换为：

element { font-size: font-size(20px); }

可以在引导gem中的RFS源代码中找到实现和默认选项：

---

然后，您不必使用

$font-size base

，而是使用

$rfs-base-font-size

。

我习惯于将实现信息与存储库代码分开。我看到了元素代码，但我想是在什么地方迷路了。你的重述更清楚。我将检查代码，而不需要单独的说明。我会这样做，并检查你的答案，假设它的工作。非常感谢。一年多后我终于回到了这个话题。这个现在很好用。我只需要对html标记做一些调整，我应该可以开始了。我习惯于看到实现信息与存储库代码分离。我看到了元素代码，但我想是在什么地方迷路了。你的重述更清楚。我将检查代码，而不需要单独的说明。我会这样做，并检查你的答案，假设它的工作。非常感谢。一年多后我终于回到了这个话题。这个现在很好用。我只需要做一些调整的html标记，我应该很好去。