問題
使用cacl()動態計算元素的高度,運算中包含一個scss變量。如下:
height: calc(100% - $ws-header-height);
在瀏覽器中發現並沒有達到預期效果,scss變量沒有被解析。如下:

解決
使用scss的插值語句 #{}
height: calc(100% - #{$ws-header-height});
就在瀏覽器中正常解析了

使用cacl()動態計算元素的高度,運算中包含一個scss變量。如下:
height: calc(100% - $ws-header-height);
在瀏覽器中發現並沒有達到預期效果,scss變量沒有被解析。如下:

使用scss的插值語句 #{}
height: calc(100% - #{$ws-header-height});
就在瀏覽器中正常解析了

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