css - 如何使我的页脚背景图像拉伸(stretch)并响应？

Question

目前，我网站的页脚无法拉伸(stretch)或 flex 以适应不同的屏幕尺寸。如果丝网太宽，它就会被切断。如果屏幕太小，它也会被切断。

#main-footer {
background-color: #fff;
background-repeat: no-repeat;
}

关于如何解决这个问题有什么想法吗？

directiveconsulting.com

Answer 1

background-size:cover 将确保您的图像始终填满空间。background-size:contain 将确保它始终适合空间(如果比例不同，可能会留下未发现的间隙。您还可以以 %s 或像素为单位明确设置背景大小，如果是的话适合设计。