2012-08-02 124 views
9

在計算字體大小的時候,我很困惑SCSS(sass)的計算:#{}

這是我已經使用的正常計算。

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

我想現在要做的就是像劃分與另一個上面的一個整個的語句......聽起來很複雜,我知道。

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

我想現在devide這兩個值...

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

但這並不奏效。任何想法我如何做與SASS一樣的計算?

回答

19

嘗試:

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

插值回字符串#{...}應在計算之後所做的最後一件事。

6

ScottS答案似乎是在技術上是正確的,但爲什麼你甚至需要這樣一個複雜的表達式呢?用分數表示,這可以簡化爲

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

而且最終的表達是

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

......不會吧?

+1

+1對於一個優秀的點。我完全錯過了這裏使用的操作順序和數值允許它減少的事實。事實上,即使你的答案可能實際上進一步減少爲:'font-size:0.86153em'(或者任何想要的四捨五入),已經預先計算了一部分,它除去了分割並且需要進行內插到一個字符串。 – ScottS 2012-08-03 11:04:46

+0

@ScottS:你說得對,我只是假設小數部分最終會被變量取代 – 2012-08-04 05:40:33