问题

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

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

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

解决

  使用scss的插值语句 #{}  

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

  就在浏览器中正常解析了

最新文章

  1. java-JDBC从数据库中读取数据并进行日期民族男女的转换
  2. MySQL数据库数据存放位置修改
  3. 使用mybatis访问sql server
  4. Activity的四种launchMode《转》
  5. codeforces Round#380 div2
  6. Erlang 内存泄漏分析
  7. Linux系统VIM编辑器
  8. Bootstrap的竞争对手Zurb Foundation
  9. block(三)揭开神秘面纱(上)
  10. C++ STL copy函数效率分析
  11. 手机自动化测试:appium源码分析之bootstrap五
  12. Linux(CentOS6.5)下修改Nginx初始化配置
  13. 爬虫须知的HTTP协议
  14. axios封装get方法和post方法
  15. c、c++函数随机
  16. 010.KVM虚机冷迁移
  17. System.exit(0)会跳过finally块的执行
  18. let、var、const区别(表格比较)
  19. Golang新起航!(编译安装go)
  20. (转)JSON Web Token - 在Web应用间安全地传递信息

热门文章

  1. ubuntu安装vmare tools
  2. php-fpm超时时间设置request_terminate_timeout分析
  3. layer.alert没有垂直居中
  4. java常用设计模式八:代理模式
  5. 如何使用阿里巴巴iconfont矢量图片
  6. js中如何将数据获得2位小数以及对数据进行千分位划分
  7. Sprinig泛型依赖注入
  8. .NET 开源GIS项目
  9. 知识点:定义input type=file 样式的方法(转)
  10. codehouse