0

フッターをブラウザウィンドウのボタンにくっつけようとしています。Chrome では動作しますが、Safari やモバイル Safari では動作しません。

cssでcalc関数を使用しています。Safari では、ポートレイト モードとランドスケープ モードの両方で、フッターは同じ絶対位置にとどまります。Chromeで正常に動作するブラウザの高さの変更を検出/更新しないようです。

#footer{
    position:absolute;
    -webkit-top: calc(100% - 127px);
    top: calc(100% - 127px);
    height: auto;
    width: 100%;
    clear:both;
    overflow:hidden;
}

Safari でブラウザの高さを強制的に更新するにはどうすればよいですか?

4

1 に答える 1

0

接頭辞の正しい方法calc()は次のとおりです。

#footer{
    position:absolute;
    top: -webkit-calc(100% - 127px);
    top: calc(100% - 127px);
    height: auto;
    width: 100%;
    overflow:hidden;
}

ただし、ページの下部に要素を絶対的に配置するには、通常、ブラウザのサポートがより充実している bottom プロパティを設定します。

#footer{
    position:absolute;
    bottom: 0;
    height: auto;
    width: 100%;
    overflow:hidden;
}
于 2013-05-27T19:33:23.427 に答える