美文网首页
sass中使用calc计算表达式变量问题

sass中使用calc计算表达式变量问题

作者: lyn911 | 来源:发表于2017-11-10 11:44 被阅读0次

calc()是css的一个函数,可用于元素计算长度,比如div宽度想要减去一个固定宽度后并自适应,可以写为calc(100% - 60px) 注意“-”两边有空格

sass已经是常用的预编译语言,允许使用变量等规则,如果上边写到60px是一个变量,这个表达怎么写呢

显然这样写是不行的,浏览器解析完是这样子的

在scss里改为这样就行了

浏览器自己计算了

相关文章

  • sass中使用calc计算表达式变量问题

    calc()是css的一个函数,可用于元素计算长度,比如div宽度想要减去一个固定宽度后并自适应,可以写为calc...

  • scss---在calc中使用变量

    参考了《解决在sass中使用calc不能包含变量的问题》 曾经有一段简单的代码摆在我的面前,但是我没有重视?,等到...

  • sass使用入门

    sass使用入门 1、使用变量 1.1 变量声明: 1.2 变量引用: 1.3变量使用中划线还是下划线: sass...

  • 2020-05-14

    微信小程序开发使用计算样式calc的坑 (calc设置无效)wxss样式中如果要使用calc计算宽度或高度需要注意...

  • SCSS:calc() 中使用变量

    在写style时,calc是经常用到的计算函数,当使用calc时,如果参数中有变量怎么用呢? 如下代码: $sid...

  • calc使用

    1. calc基本使用 calc在css3中用于动态计算长度值,calc()中接受数学四则运算,运算的结果为计算后...

  • vue项目设置全局作用域scss变量

    vue-cli 2.0 使用sass-resources-loader解决Sass全局变量问题 安装 sass-r...

  • 76. sass重点记录,深度选择器

    1.变量的使用 字符串中的变量,写在 #{}中 计算功能 3.嵌套 sass注释 代码的重用 插入文件 深度选择器

  • 30秒 学懂 css(二)

    计算属性calc() 函数calc()支持CSS3; 让你的CSS具有计算功能, CSS属性值就是表达式的结果 h...

  • Sass学习笔记(1)

    1.变量 在Sass中使用$符号定义变量。 在sass可以直接使用变量: 注意,sass也有变量作用域,如果你在一...

网友评论

      本文标题:sass中使用calc计算表达式变量问题

      本文链接:https://www.haomeiwen.com/subject/zicbmxtx.html