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

记录cacl()函数中使用scss变量不生效的问题问题 使用 cacl 动态计算元素的高度 运算中包含一个 scss 变量 如下 height calc 100 ws header height 在浏览器中发现并没有达到预期效果 scss 变量没有被解析 如下 解决 使用 scss 的插值语句 height calc 100 ws header heig

问题

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

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

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

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

解决

  使用scss的插值语句 #{}  

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

  就在浏览器中正常解析了

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

 

转载于:https://www.cnblogs.com/shapeY/p/8985927.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

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

(0)
上一篇 2026年3月17日 下午4:38
下一篇 2026年3月17日 下午4:38


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号