在sass中使用calc,如果calc中包含一个变量,不会产生效果
$sideBarWidth = 200px;
.navbar {
width: calc(100% - $sideBarWidth);
}
如何解决呢? 要想在calc中使用变量,必须对这个变量使用sass的插值方法(#{$variable})
.navbar {
width: calc(100% - #{$sideBarWidth});
}
本文介绍在Sass预处理器中如何正确使用Calc函数配合变量实现动态宽度计算。通过使用插值方法(#{$variable}
在sass中使用calc,如果calc中包含一个变量,不会产生效果
$sideBarWidth = 200px;
.navbar {
width: calc(100% - $sideBarWidth);
}
如何解决呢? 要想在calc中使用变量,必须对这个变量使用sass的插值方法(#{$variable})
.navbar {
width: calc(100% - #{$sideBarWidth});
}

被折叠的 条评论
为什么被折叠?