SCSS(sass)计算:#{}

时间:2012-08-02 18:19:10

标签: css sass

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

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

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进行计算吗?

2 个答案:

答案 0 :(得分:22)

尝试:

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

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

答案 1 :(得分:7)

ScottS的答案似乎技术上正确,但为什么你首先需要这么复杂的表达?表示为分数,可以简化为

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

你最后的表达将是

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

......不会吗?