Html 标题div背景100%宽度,固定高度

Html 标题div背景100%宽度,固定高度,html,css,Html,Css,这就是代码发生的情况 这是代码 <div style="background-image: url(img/background.jpg);background-repeat: no-repeat; height:250px;"></div> 图像大小为963w x 200h 在一天结束时,我希望这是100%的宽度,但也为所有设备的响应。我怎样才能做到这一点 增加背景尺寸:封面不会做那个把戏 这里有一个小提琴:添加背景大小,以便图像水平缩放 据

这就是代码发生的情况

这是代码

<div style="background-image: url(img/background.jpg);background-repeat: no-repeat; height:250px;"></div>

图像大小为963w x 200h

在一天结束时,我希望这是100%的宽度,但也为所有设备的响应。我怎样才能做到这一点

增加
背景尺寸:封面不会做那个把戏

这里有一个小提琴:

添加
背景大小
,以便图像水平缩放 据我所知,这正是你们试图实现的目标

div{
背景:#E6DCDD url(https://i.ibb.co/2jCzQB6/background2.jpg)中间底部/不包含重复;
高度:300px;
边框:5px红色虚线;
}

将规则
背景大小:contain
添加到您的
div


宽度:100%;宽度、高度:100vh;身高。还有,你可以使用我有视口。。。。但是,你所说的也不起作用。就是把我所有的东西都压到那个div下面。而且也不会使背景宽度变为100%,它会使div变为100%。