css - Safari 对带有视口单元的 calc() 的支持？

Question

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

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

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

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

Answer 1

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

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