Safari支持带视口单元的calc（）？

Question

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

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

Safari并不理解它，默认为top: 0（在iOS Safari上也是如此）。在这个特定的例子中，我可以使用百分比，但是在其他情况下，我被迫只为Safari添加一些jQuery，这是我觉得难看的东西。

为什么Safari不了解PC＆amp; iPhone虽然caniuse.com告诉我它完全支持视口单元？在某些情况下，javascript是唯一的选择吗？

Answer 1

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

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