calc()在less中編譯報錯

calc()對你們來講，或許很陌生，不太會相信calc()是css中的部分。由於看其外表像個函數，既然是函數爲什麼又出如今CSS中呢？

calc() 函數用於動態計算長度值。

• 須要注意的是，運算符先後都須要保留一個空格，例如：width: calc(100% - 10px)；
• 任何長度值均可以使用calc()函數進行計算；
• calc()函數支持 "+", "-", "*", "/" 運算；
• calc()函數使用標準的數學運算優先級規則；

 

問題

width: calc(100vh - 50px);
// 編譯後
width: calc(50vh);

注：當時我就鬱悶了，怎麼會產生這樣的現象呢？後來各類查，是因爲less的計算方式跟calc方法有重疊，二者在一塊兒有衝突

解決方法

width: calc(~"100vh - 50px");