sass和css的calc運算


1.sass不識別不同單位之間的計算,而calc則沒問題。

width: #{1rem - 2px}; /*出錯*/
width: calc(1rem - 2px);

 

通常情況定制css樣式,我不需要去量size,我大多數是通過計算(你無須知道size的結果,你只看效果是否滿意),常常利用cacl和size的結合:

width: calc((100% - #{$mr}*#{$j})/#{$i} );

     

2.sass和calc 不能單獨識別“/”,也就是不能單獨識別除法,解決這種問題有兩種做法:0+表達式,或者1*表達式。以line-height為例:

line-height: #{1*20/14};
/*或者*/
line-height: calc(1*20/14);

  

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM