Css 带有vh和px的计算功能在safari中不起作用

Css 带有vh和px的计算功能在safari中不起作用,css,Css,我尝试使用calc函数设置截面高度,如下所示- { min-height: calc(100vh - 291px); min-height: -webkit-calc(100vh - 291px); } 这在除Safari之外的所有浏览器中都适用。Safari没有显示任何错误。它读取此属性,但所做的计算不准确,会破坏布局。有人能解释一下发生了什么事以及如何解决这个问题吗 请注意-我知道JS的解决方法,但我不能在这里使用JS 提前谢谢看,也看看这样的问题 Safari和iOS S

我尝试使用calc函数设置截面高度,如下所示-

{
    min-height: calc(100vh - 291px);
    min-height: -webkit-calc(100vh - 291px);
}
这在除Safari之外的所有浏览器中都适用。Safari没有显示任何错误。它读取此属性,但所做的计算不准确,会破坏布局。有人能解释一下发生了什么事以及如何解决这个问题吗

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

提前谢谢

看,也看看这样的问题

Safari和iOS Safari(6和7)都不支持对象的视口单位 边框宽度、列间距、变换值、框阴影或 计算()