javascript - ウィンドウの高さをmargin-bottomプロパティに適用する

Question

私は次のコードを持っています：

html：

<div id="footer-container">
    last line in page
</div>

css：

#footer-container {
    margin-bottom:800px; // needs improvement
}

アイデアは、ユーザーが背景画像を完全に見ることができるようにすることです。できます。ただし800px、ユーザーのウィンドウのサイズに応じて、短くしたり長くしたりできます。

margin-bottomjavascriptなしでウィンドウの現在の高さの値を与えることは可能ですか？

Answer 1

いいえ。JavaScriptは、要素のレンダリングされた寸法にアクセスする唯一の方法です。ただし、最新のブラウザでは背景画像を拡大縮小できます。

https://developer.mozilla.org/en-US/docs/CSS/background-size