css - SCSS（sass）计算：#{}

Question

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

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

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

我现在想做的就是将上面的整个陈述与另一个陈述分开……我知道这听起来很复杂。

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

我现在想将这两个值分开……</p>

所以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

……不是吗？