重写组件中的 rem

Question

我为一个网站编写了一个组件，用于呈现一些 HTML，并使用 CSS 设计该 HTML 的样式。到目前为止，一切都很好。现在我们有以下限制：

• 该网站设置了一个for font-size（这不在我的控制范围内）。body14px
• 组件的CSS使用了remfor font-size（这也不在我的控制范围内）。

现在的问题是该组件渲染得太小，因为它假设有一个font-sizeof 。是的，我知道，问题当然是为什么使用，但正如所说，这是我无法控制的body16pxrem

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

Answer 1

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

html {
  font-size: 16px;
}

或者

:root {
  font-size: 16px;
}

MDN