好的，因此我遇到了使背景图像响应的此解决方案：
响应式CSS背景图像
我为再次提出该问题表示歉意，但实际上他们的解决方案都没有对我有用。
HTML：
<div id="fourohfour_home"></div>
CSS：
#fourohfour_home {
background-image:url('image.png');
height:120px;
width:120px;
}
我将如何做出响应？例如，当页面的宽度小于图像的宽度时，它将正确缩放。
您只需要定义的宽度和高度，#fourohfour_home背景图片就可以知道将在哪个容器中contained。就像是：
#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%;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句