0

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が唯一の代替手段ですか?

4

1 に答える 1