calc中的计算不适用于safari

Question

我正在使用SCSS＆amp;一些计算方法，为我的网站做一个非常好的响应式设计。

我在我的文件中有这个计算：

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

在Chrome工作正常，我的图像尺寸正确，但在safari中生成的css不起作用。

这里生成的css：

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

如果你有想法......

Answer 1

您的嵌套calc()是不必要的。如果删除它，则可以正常工作。

height: calc(75vh - 110px);

＆＃13;

＆＃13;

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

＆＃13;

<div></div>

＆＃13;

＆＃13;

＆＃13;