覆盖组件中的rem

Question

我为网站编写了一个组件，用于呈现一些HTML，并使用CSS为HTML设置样式。到现在为止还挺好。现在我们有以下约束：

• 该网站为font-size body设置了14px（这不在我的控制范围内）。
• 该组件的CSS使用rem font-size（这也不在我的控制之下）。

现在问题是组件呈现的太小，因为它假定font-size body 16px。是的，我知道，问题当然是为什么然后使用rem，但如上所述，这超出了我的控制范围

现在我的问题：假设我希望组件使用font-size的基础16px，并假设我需要坚持rem，并假设我需要坚持14px body - 修复这个混乱的最简单方法是什么？

Answer 1

您可以尝试在html上设置字体大小，因为rem与它相关。

html {
  font-size: 16px;
}

或

:root {
  font-size: 16px;
}

MDN