今天写代码时，需要对一个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