Calc中的calc没有在狩猎中工作

Question

我正在使用SCSS &一些calc字体为我的网站做一个非常好的响应设计。

我的档案里有这个calc：

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

在chrome是完美的工作，我的图像采取正确的大小，但在safari生成的css不工作。

这里生成的css：

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

如果你有个主意..。

Answer 1

嵌套的calc()是不必要的。如果你把它去掉的话，效果很好。

height: calc(75vh - 110px);

​

html,body {
  height: 100vh;
}
div {
  background: red;
  height: calc(75vh - 110px);
}

<div></div>

​