Html 响应背景图像未调整大小

我的大学要求我为一个项目编写一个网站，但要让它具有响应性。我用于标题背景的图像没有调整大小。 这是HTML的代码

 <div id="headerbackground"></div>

---

我已经学习了一些教程，但是运气不好。首先，您没有指定最小高度，只有最大高度，因此它将塌陷为0

其次，您可能希望使用

背景大小：cover-调整图像大小以覆盖整个元素。Contain调整图像大小，使整个内容只适合元素


html，
身体{
身高：100%；
}
#头部背景{
背景图像：url（'https://placekitten.com/g/800/600');
背景尺寸：封面；
背景重复：无重复；
最大宽度：100%；
最小高度：100%；
}
在设置空div背景的高度之前，不能设置空div背景。或者你在这个div里面有一些内容，所以你只需要设置div的高度。
这是你的背景图片。您可以在调整窗口大小时检查响应性


正文{
保证金：0；
}
#头部背景{
背景：url（'http://farm3.static.flickr.com/2098/2260149771_00cb406fd6_o.jpg');
背景大小：100%100%；
背景重复：无重复；
高度：100vh；
}
确保添加
后台重复：无重复
。否则，默认情况下它将重复图像而不调整大小（我相信）。我添加了背景重复，因此代码是：
#headerbackground{background image:url（'../images/header.png'）；背景重复：不重复；背景大小：包含；最大宽度：100%；最大高度：100%；}
但是仍然没有成功调整大小我们从PSD获得了它，所以它不是一个完整的图像？我正试图使它成为响应的标题，但上面的内容仍然无法实现。[当你调整窗口大小时，图像正在缩放。你到底希望发生什么？我愚蠢地回答了这个问题我很抱歉，这是需要的许多背景图像之一如果这有意义的话，这只是需要的标题部分，因为它是标题，你可能要在其中插入菜单或其他内容。你可以更改最小高度va感谢所有适合你的设计。感谢大家的快速响应，你提供的帮助非常好。我想我已经愚蠢地回答了这个问题，@Mostafa这是一个完整的背景，我只需要一个特定的尺寸，但当我输入所需的高度时，它保持在该尺寸不会完全调整大小，或者它不能这样做？你的特定尺寸是多少
#headerbackground {
background-image: url('../images/header.png');
background-size: contain;
max-width:100%;
max-height: 100%;
}