<分区>
好的，所以我遇到了使背景图像响应的解决方案:
Responsive css background images
我很抱歉重新发布了这个问题，但实际上他们的解决方案都不适合我。
HTML:
<div id="fourohfour_home"></div>
CSS:
#fourohfour_home {
background-image:url('image.png');
height:120px;
width:120px;
}
我将如何使它具有响应性？例如当页面宽度小于图像宽度时，它会正确缩放。
最佳答案
您只需定义#fourohfour_home 的宽度和高度，以便背景图像知道要包含 的容器中。像这样的东西:
#fourohfour_home{
background-image:url('https://www.example.com/img/404_home.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
height: 120px;
width: 20%;
}
关于html - 如何使 CSS 背景图像响应？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25515553/