目前,我网站的页脚不会拉伸或弯曲以适应不同的屏幕尺寸。如果screan太宽,它会切断。如果屏幕太小,它也会切断。
#main-footer {
background-color: #fff;
background-repeat: no-repeat;
}
有关如何解决此问题的任何想法?
答案 0 :(得分:0)
background-size:cover
将确保您的图片始终填满空间。
background-size:contain
将确保它始终适合空间(如果比例不同,可能会留下未覆盖的间隙。如果适合设计,您还可以明确设置%s或像素的背景大小。