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

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

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

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

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。