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

问题

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

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

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

解决

　　使用scss的插值语句 #{}

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

　　就在浏览器中正常解析了

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

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

在行内样式或对象格式的样式中使用scss变量
前言 scss可以通过$mcolor:color,设置变量,方便全局统一样式和后续修改整体风格.一般也不会写行内样式,所以用起来没什么问题.但是在使用uniapp及其第三方ui框架uview的时候,有 ...
在c语言中,函数中的自动变量可以赋初值,每调用一次,赋一次初值,计算机二级考试程序设计基础试题及答案三...
<程序设计基础>考试试卷三 1. 判断下面标识符中哪个是C语言中合法的用户定义标识符: A. a-b B. #abd C. typedef D. _max 2. -b?在内存中占个字节,& ...
需要在函数中传递的变量
要在函数中传递的变量, 大致可以分为,单个数值的,一维数值的,或者二维数值的, 1)单个数值, 形如:float m_fElement; (1) 在函数中定义float *m_fElement,调 ...
main c语言中变量的定义,C语言中在main函数中定义的变量是全局变量么_后端开发...
PHP 和 JavaSript 区别_后端开发 PHP是一种创建动态交互性站点的强有力的服务器端脚本语言,主要用于Web开发领域,而JavaSript是一种具有函数优先的轻量级,解释型或即时编译型的高 ...
python中静态变量和静态方法_python类和函数中使用静态变量的方法
本文实例讲述了python类和函数中使用静态变量的方法.分享给大家供大家参考.具体分析如下: 在python的类和函数(包括λ方法)中使用静态变量似乎是件不可能[Nothing is impossib ...
uniapp中背景颜色使用scss变量不生效
Vue项目中,背景颜色使用scss变量没问题,但在uniapp 写小程序,背景颜色使用scss变量时,不生效,后来对比了一下,uniapp中写scss变量,不能使用驼峰. 例如这种是不生效的而改成下 ...
linux环境配置以后生效,Linux中修改环境变量及生效方法
Linux中修改环境变量及生效方法在/etc/profile文件中添加变量[对所有用户生效(永久的)] 用VI在文件/etc/profile文件中增加变量,该变量将会对Linux下所有用户有效,并且 ...
linux环境变量生效方式,Linux中修改环境变量及生效方法
Linux中修改环境变量及生效方法方法一: 在/etc/profile文件中添加变量[对所有用户生效(永久的)] 用VI在文件/etc/profile文件中增加变量,该变量将会对Linux下所有用户 ...
Java中子程序输出到输出文件中_Fortran 90中子例程和函数中的参数/变量的INTENT的含义...
关于Fortran子程序中的变量 INTENT ,我有几个问题 . 例如,几周前,我发布了一个关于不同Fortran主题的问题(In Fortran 90, what is a good way to ...

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

问题

解决

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

最新文章

热门文章