css - CSS - 如何指定 calc() 的单位？

Question

假设我想要以下样式：

font-size: 3rem;

但是，我不想对 3 进行硬编码。相反，我希望它是calc()操作的结果（例如calc(2 + 1)）。如何指定单位rem来跟踪calc()操作的结果？我正在尝试做这样的事情：

font-size: calc(2 + 1)rem;

我想我正在寻找连接功能？请仅使用 CSS 解决方案。

标签： css

Answer 1

不知道你为什么要这样做，但你可以：

font-size: calc((2 + 1) * 1rem);