记录cacl()函数中使用scss变量不生效的问题
2024-10-19 04:28:45
问题
使用cacl()动态计算元素的高度,运算中包含一个scss变量。如下:
height: calc(100% - $ws-header-height);
在浏览器中发现并没有达到预期效果,scss变量没有被解析。如下:
解决
使用scss的插值语句 #{}
height: calc(100% - #{$ws-header-height});
就在浏览器中正常解析了
最新文章
- java-JDBC从数据库中读取数据并进行日期民族男女的转换
- MySQL数据库数据存放位置修改
- 使用mybatis访问sql server
- Activity的四种launchMode《转》
- codeforces Round#380 div2
- Erlang 内存泄漏分析
- Linux系统VIM编辑器
- Bootstrap的竞争对手Zurb Foundation
- block(三)揭开神秘面纱(上)
- C++ STL copy函数效率分析
- 手机自动化测试:appium源码分析之bootstrap五
- Linux(CentOS6.5)下修改Nginx初始化配置
- 爬虫须知的HTTP协议
- axios封装get方法和post方法
- c、c++函数随机
- 010.KVM虚机冷迁移
- System.exit(0)会跳过finally块的执行
- let、var、const区别(表格比较)
- Golang新起航!(编译安装go)
- (转)JSON Web Token - 在Web应用间安全地传递信息