Css Calc中的Calc在safari中不工作

我正在使用SCSS&somecalcfonction为我的网站做一个非常好的响应性设计

我的文件中有此计算：

height: calc(#{75vh} - #{$header-height});

在chrome中工作正常，我的图像大小正确，但在safari中生成的css不起作用

以下是生成的css：

height: calc(75vh - calc(110px));

如果你有一个想法…

你的嵌套

calc（）

是不必要的。如果你去掉它，效果很好

height: calc(75vh - 110px);

html，正文{
高度：100vh；
}
div{
背景：红色；
高度：计算（75vh-110px）；
}

---

从“calc（110px）”中删除calc。我的$header height cames来自另外两个高度的calc。我不知道，我可以简化它，将var更改为我第一次计算的结果。但是为什么它在chrome上工作而不是safari，它们都在使用webkit@OrcusZ我不知道为什么safari不承认它是一个有效的值，但是根据开发工具，它是无效的。Chrome使用blink，这是webkit的一个分支，所以它们不一样。好的，我将更改为我的css。谢谢你的解释