记录cacl()函数中使用变量不生效的问题

138 阅读1分钟

问题

使用cacl()动态计算元素的高度,运算中包含一个scss变量。如下:

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

在浏览器中发现并没有达到预期效果,scss变量没有被解析。如下:

解决

使用scss 的插值语句 #{}

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

就在浏览器中正常解析了