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; 
}