記錄cacl()函數中使用scss變量不生效的問題

問題

  使用cacl()動態計算元素的高度,運算中包含一個scss變量。以下:css

    height: calc(100% - $ws-header-height);

  在瀏覽器中發現並無達到預期效果,scss變量沒有被解析。以下:瀏覽器

解決

  使用scss的插值語句 #{}  spa

 height: calc(100% - #{$ws-header-height});

  就在瀏覽器中正常解析了code

相關文章
相關標籤/搜索