Javascript 当我调整网页大小时，该部分会垂直展开，添加不需要的背景

当网页出现在大屏幕上时，一切都很完美。所有3个文本块都是内联的，白色页脚正好位于背景图片之后。 但当我调整窗口大小时，网页会自动在图片后添加空间。

---

不确定我该怎么办：让我的照片重复一遍？但这看起来不太好。就这样吧？不知道该怎么办？有什么好的解决方案吗？

如果背景是图像（标记），则通过jquery在调整大小功能中将高度设置为窗口高度。（jquery）

这里img是用于图像标记的类。

---

希望这能解决您的问题

如果您有背景图像，您可以将

背景大小

设置为

覆盖

，以确保它始终覆盖整个元素

---

请参见此处的示例：

需要您添加HTML以便更好地理解。如果您可以共享相关的

HTML

和

css

，它将为我和其他人提供一些可以使用的工具。现在，您只剩下一个选项来假设正在使用的是

css

。如果您能创建一个工作示例，那将是非常棒的，但我认为解决方案将朝着使用

CSS3

@media

规则的方向发展。这是一个很好的解决方案，但请注意图像将被拉伸。@newtoj它不应该被拉伸。它将按比例缩放，但保持比例。您可以将其与背景位置一起使用，以确保使用图像的中心。例如：

背景位置：中间查看JSFIDLE最后一个示例中的图像质量。你会注意到糖果棒比其他的要大得多，而且由于图像被拉伸/缩放，质量会降低。。。或者至少这就是我在浏览器中看到的——谷歌浏览器。不管怎样，你的例子中的图像质量都会丢失，因此我给出了第一条评论，但仍然是一个很好的答案。是的，这是由于缩放。我使用了一个非常低质量的图像将我的示例包含到小框中。您的图像也将被缩放，但希望您的图像从一开始就具有更高的质量。如果出现问题，您可以根据屏幕大小添加媒体查询以使用更高的分辨率。但也要注意，如果你想让图像覆盖整个背景，你需要缩放图像才能做到这一点。这是没有办法的。
$(window).resize(function(){
    $(".img").height($(window).height());
});