今天寫代碼時，需要對一個scss變量做calc處理，發現直接使用變量，瀏覽器是無法識別的，於是百度，發現要對變量處理才能正常使用，在此記一下用法：
假定定義變量$a = '20px'，若要使用calc，直接calc(100% - $a)這么用是不行的，需要按如下使用方法：
calc(100% - #{$a})
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。
猜您在找
2019最新create-react-app創建的react中使用sass/scss,以及在react中使用sass/scss公共變量的方法
css3 calc()方法詳解
如何在 SCSS 使用 JavaScript 變量/scss全局變量
換膚功能（scss、css變量）
vue2.0 使用vue-cli搭建項目，引用全局scss，全局注入變量和方法等
vue-cli 4 使用scss (配置全局scss變量)
css height屬性中的calc方法
mixins.scss 常用mixin變量定義
variable.scss 重置element主題變量
CSS3 使用 calc() 計算高度 vh px