重写组件中的rem

Question

我已经为一个网站编写了一个组件，它呈现一些HTML，并使用CSS样式这个HTML。到现在为止还好。现在，我们有以下限制：

• 该网站为body of 14px设置了一个body(这不在我的控制范围内)。
• 该组件的CSS使用rem进行font-size (这也不在我的控制范围之内)。

现在的问题是，组件呈现的太小，因为它假定有一个font-size of body of 16px。是的，我知道，问题当然是为什么要使用rem，但正如我所说的，这不在我的控制范围之内。

现在我的问题是:假设我希望组件使用基本的font-size of 16px，假设我需要坚持使用rem，并假设我需要使用14px for body --最简单的解决方法是什么？

Answer 1

您可以尝试在html上设置字体大小，因为rem是相对的。

html {
  font-size: 16px;
}

或

:root {
  font-size: 16px;
}

MDN