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

......不是吗？