使用vh和px的Calc函数在safari中不起作用

Question

我正在尝试使用calc函数设置节的高度，如下所示 -

{
    min-height: calc(100vh - 291px);
    min-height: -webkit-calc(100vh - 291px);
}

这适用于除Safari之外的所有浏览器。 Safari不会显示任何错误。它读取此属性，但它所做的计算不准确并打破了布局。任何人都可以解释发生了什么以及如何解决这个问题？

请注意 - 我知道JS的解决方法，但我不能在这里使用JS。

先谢谢

Answer 1

请参阅Caniuse，同时查看this SO问题

  

Safari＆amp; iOS Safari（6和7）不支持视口单元   边框宽度，列间隙，变换值，框阴影或   计算值（）。