问题
使用cacl()动态计算元素的高度,运算中包含一个scss变量。如下:
height: calc(100% - $ws-header-height);
在浏览器中发现并没有达到预期效果,scss变量没有被解析。如下:

解决
使用scss的插值语句 #{}
height: calc(100% - #{ $ws-header-height});
就在浏览器中正常解析了

转载于:https://www.cnblogs.com/shapeY/p/8985927.html
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/222072.html原文链接:https://javaforall.net
