Safari支持calc（）与视口单元？

Question

根据http://caniuse.com/viewport-units当前版本的Safari应该完全支持视口统一。然而，当我使用下面的代码：

footer { 
    position: fixed; 
    top: calc(100vh - 90px); 
    left: 0; 
} 

Safari不理解它，默认为top: 0（同样的事情在iOS上的Safari）。在这个特定的例子中，我可以使用百分比，但是还有其他一些例子，我不得不为Safari添加一些jQuery，这让我觉得很难看。

尽管caniuse.com告诉我它完全支持视口单元，为什么Safari浏览器不能理解iPhone的上述内容？在某些情况下，JavaScript是唯一的选择吗？

Answer 1

显然，将calc()与视口单元相结合时，Safari仍然存在问题。您可以使用的解决方法：

footer { 
    position: fixed; 
    top: 100vh; 
    margin-top: -90px; 
    left: 0; 
}