SCSS（sass）计算：#{} [重复]

Question

在计算字体大小时我很困惑

这是我已经使用的正常计算。

font-size: #{($font-size*0.7) / $em}em

我现在想做的是将上面的整个语句与另一个语句分开......我知道这听起来很复杂。

所以我有#{($font-size*0.7) / $em} 我有#{($font-size*0.8125) / $em}

我现在想将这两个值分开……

所以font-size: #{($font-size*0.7) / $em} / #{($font-size*0.8125) / $em}em。

但这不起作用。知道如何使用 SASS 进行这样的计算吗？

Answer 1

试试：

font-size: #{(($font-size*0.7) / $em) / (($font-size*0.8125) / $em)}em

插值回字符串#{...}应该是计算后的最后一件事。

Answer 2

ScottS 的回答似乎技术上是正确的，但你为什么首先需要这么复杂的表达式呢？用分数表示，可以简化为

($font-size * 0.7 / $em) / ($font-size * 0.8125 / $em) = 0.7 / 0.8125

你的最终表达是

font-size: #{(0.7/0.8125)}em

...不是吗？