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がPCとiPhoneの上記を理解しないのはなぜですか? 場合によってはjavascriptが唯一の代替手段ですか?