使用cacl()動態計算元素的高度,運算中包含一個scss變量。以下:css
height: calc(100% - $ws-header-height);
在瀏覽器中發現並無達到預期效果,scss變量沒有被解析。以下:瀏覽器
使用scss的插值語句 #{} spa
height: calc(100% - #{$ws-header-height});
就在瀏覽器中正常解析了code