Css 动态调整背景图像的div大小

Css 动态调整背景图像的div大小,css,background-image,image-resizing,Css,Background Image,Image Resizing,我有一个标题中的背景图像,它会自动调整到窗口的宽度。但是,高度没有正确调整——继承的CSS属性将div设置为50px的固定高度 目前,我正在使用: background-size: cover; 我可以为要观察的div指定一个固定的高度,但是只有在特定的窗口大小下,背景才是正确的。如果我将大小设置为自动或100%,它将变为50px;我怎样才能让它忽略它认为应该是的高度,而只是将标题div自动调整为背景图像,并根据窗口大小进行调整?您尝试过使用这样的特定大小吗 background-size:

我有一个标题中的背景图像,它会自动调整到窗口的宽度。但是,高度没有正确调整——继承的CSS属性将div设置为50px的固定高度

目前,我正在使用:

background-size: cover;

我可以为要观察的div指定一个固定的高度,但是只有在特定的窗口大小下,背景才是正确的。如果我将大小设置为自动或100%,它将变为50px;我怎样才能让它忽略它认为应该是的高度,而只是将标题div自动调整为背景图像,并根据窗口大小进行调整?

您尝试过使用这样的特定大小吗

background-size: 100% 100%;

div不会展开以容纳背景图像。如果您总是想显示完整的图像,并让它与div一起展开,您可以使用图像标记和一些鬼鬼祟祟的定位来模拟背景

img.header-image{
宽度:100%;
身高:100%;
}
div.header-wrapper{
位置:相对位置;
}
div.header-contents{
位置:绝对位置;
宽度:100%;
排名:0;
颜色:#ffffff;
}

下面是一些标题内容。

和一些常规内容。
该方法导致宽度正确调整,高度保持不变,而不是调整大小以保持纵横比。介意共享更多的代码、HTML、CSS吗?这是一个ruby on rails应用程序,其中的代码、CSS等,即使是这个div中的内容,也分散在多个文件中。我尽量减少信息量,以使问题易读,但我同意在提供上下文时更容易提供帮助。事实证明,无法使用样式将div调整为bg图像。相反,图像需要放在div中并向后推。