我的 calc() 使用 vw 和整数的组合来计算字体大小没有解决

Question

相当简单的字体大小 calc() 未呈现

实际代码为：

font-size: calc((${minSize} + ${fontSizeDifference}) * ((100vw - ${minScreenSize}) / ${screenSizeDifference}));

这试图在 css 中呈现为：

font-size: calc((12 + 4) * ((100vw - 375) / 825));（带删除线的除外）

我已经在每个值和计算本身之后尝试 adding/removing 'px'，以及 reformatting/removing 括号和 vw 值。

我希望 calc 修改字体大小，但它显示 'Invalid property value' 错误

Answer 1

应该是375px。因为375需要知道它基于哪种格式。

.a {
  font-size: calc((12 + 4) * ((100vw - 375px) / 825));
}

.b {
  font-size: calc((12 + 4) * ((100vw - 1px) / 825));
}

<div class="a">Text</div>
<div class="b">Text</div>

My calc() to calculate a font-size using a combination of vw and integers is not resolving