css - Safari 是否支持带有视口(viewport)单位的 calc()？

Question

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

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

Safari 不理解它并默认为 top: 0(在 iOS Safari 上也是如此)。在这个特定的实例中，我可以使用我猜的百分比，但在其他实例中，我不得不为 Safari 添加一些 jQuery，这是我觉得丑陋的东西。

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

Answer 1

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

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