javascript - 将窗口的高度应用于 margin-bottom 属性

Question

我有以下代码：

html:

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

CSS：

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

这个想法是让用户完全看到背景图像。有用。但800px可以更短或更长，具体取决于用户窗口的尺寸。

是否可以margin-bottom在没有 javascript 的情况下提供窗口的当前高度值？

Answer 1

不可以。JavaScript 是访问元素呈现尺寸的唯一方法。但是，背景图像可以在现代浏览器中缩放：

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