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

【问题标题】：My calc() to calculate a font-size using a combination of vw and integers is not resolving [duplicate]我的 calc() 使用 vw 和整数的组合来计算字体大小没有解决 [重复]
【发布时间】：2019-12-09 03:42:36
【问题描述】：

一个相当简单的 font-size calc() 没有渲染

实际代码是：

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

这试图在 css 中呈现为：

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

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

我希望计算能够修改字体大小，但它显示“无效属性值”错误

【问题讨论】：

这部分无效100vw - 375。您不能添加带有单位的数字

标签： css calc

【解决方案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>

【讨论】：