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

Question

一个相当简单的字体大小 calc() 没有渲染

实际代码是：

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

这试图在 css 中呈现为：

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

我尝试在每个值和 calc 本身之后添加/删除“px”，以及重新格式化/删除括号和 vw 值。

我希望 calc 修改字体大小，但它显示“无效的属性值”错误

标签： csscalc

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>