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

问题

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

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

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

解决

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

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

  就在浏览器中正常解析了code

相关文章
相关标签/搜索