SCSS中使用calc计算值时不能包含变量的解决方法
今天写SCSS的时候,发现在SCSS中使用calc
,如果calc
中包含一个变量,则无法识别该,如下图所示:
通过查看一番,原来要想在SCSS的calc
中使用变量,必须对这个变量使用SCSS的插值方法#{$variable}
。
//如下示例: max-height: calc(100vh - #{$contactBarHeight} - 64rpx);
相关内容
-
css中能加减乘除吗
css中能加减乘除。在css中可以使用calc()函数来进行“加减乘除”四则运算,它允许使用“+”、“-”、“*”、“/”这四种运算符,可以混合使用%、px、em、rem等单位...
-
css如何实现自适应
在css中,可以使用calc()函数来实现自适应,只需要在元素中添加“元素:calc(100%-像素大小);”即可。calc()函数是css3新增的一个功能,通过计算来指定元素...
-
浅析Scss基础语法和导入SASS文件的方法
本篇文章主要介绍最基础的使用和语法,可以看到,Scss引入的变量和嵌套,极大地方便了开发工作,结合其自带的插值表达式,使得css样式编写非常灵活!Sass语法介绍sass有两种...
-
SCSS入门教程及用法指南
Sass是成熟、稳定、强大的CSS预处理器,而SCSS是Sass3版本当中引入的新语法特性,完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览CSS书写代码规模较大的...
-
LESS 和 SCSS 有什么区别?
LESS和SCSS都属于CSS预处理器的范畴,也就是CSS的超集,但是两者的语法、如何使用和具体的功能实现还是有差异的。下面我试着以代码示例的方式给大家演示一下两者的几个常见区...
-
有关LESS中calc计算不生效的问题
在使用LESS写样式的时间发现了一个问题:LESS中直接使用css3计算属性calc时,如:calc(50%-100px)方法,出现的计算结果并不是我们想的。经过一番查找,找到...
-
wordpress新建页面没有模板选项怎么办
在网上找了很多种方法,有说主机/服务器php环境禁用了scandir函数,也有说命名不规范等,但没有解决问题。后来才发现是:缺少style.css文件。因为我的主题是单独放在一...
-
百度统计被刷恶意广告怎么办?如何屏蔽百度统计被恶意刷广告
百度统计后台查看数据时,经常会发现类似这样的垃圾来源,应该是被些垃圾广告公司刷流量用的。虽然对网站没有影响,但是恶心人呐,看统计数据时自己还得默默加减一下。来,看看如何干挺这群...
-
uni-app——在scss中使用data的变量
1.定义变量data(){return{tagcolor:"#1062fa33",text:'测试文本',}},2.引入变量<viewclass='item':style...
-
HBuilderX uniapp项目运行到小程序一直正在编译的问题
今天使用uniapp运行到小程序时,没有反应,一直卡在开始编译的步骤09:46:21.564项目'uniapp'开始编译...解决方法:条件编译得放上面!!!!...