Fatal编程技术网
  • css/
  • Css 禁用在sass中覆盖calc（）

Css 禁用在sass中覆盖calc（）

css sass

Css 禁用在sass中覆盖calc（）,css,sass,calc,Css,Sass,Calc,在SASS中，我的计算结果类似于calc（50%-375px）

在SASS中，我的计算结果类似于
calc（50%-375px）calc（-325%）
，这显然不是我想要的

我如何才能强迫SASS不做数学运算
（50%-375px）

谢谢你的帮助

使用转义字符串：~“（50%-375px）”

像这样使用SASS插值
{'calc（50%-375px）}
使用适合我的功能：


.selector { 
    height: unquote("calc(50% - 375px)"); 
}



您能否显示发生问题的完整代码块？你不应该得到你得到的结果，所以其他东西是不对的。你需要在那里进行字符串插值
height:calc（50%-#{375}）
@Mr.Alien我已经尝试过字符串插值，但没有成功。我也试着用变量代替，但编译的结果如前所述。@sidonaldson SASS:
测试{背景：线性梯度（向右，红色0px，白色calc（50%-375px），白色calc（50%-375px），白色calc（50%+375px），白色calc（50%+375px），红色100%）；}
->CSS:
测试{背景：线性梯度（右图，红色0px，白色calc（-325%），…）；}
错误：“宽度：”后的CSS无效：在两个单独的编译器中，预期表达式（例如1px，粗体）是“~”（100%-45px）/5”。有什么想法吗？这对我不起作用，仍然输出最终计算结果这在一个稍微不同的用例中对我起作用：
字体大小：{min（max）（2.4rem，7vw），4.5rem）}
来阻止SASS应用它自己的min（）和max（）函数。但是，根据文档，它不应该。可能取决于编译器？@nabrown可能是编译器或编译器版本