Question

所以我想在我的页面上添加一个页脚，但我希望它是一个背景图像，根据显示器的分辨率自动调整大小，并使其具有100％的宽度和高度，但永远不会溢出到双方，所以我不想要滚动条出现。图像为.jpg。

希望得到一些关于解决这个问题的最佳方法的输入

Answer 1

使用以下CSS

div {
    width: 100%;
    height: 400px;
    background-image: url(your-path-here.jpg);
    background-size: 100% 100%;
}

看到这个直播example

Answer 2

小心，如果你没有调整页脚的高度，也会拉伸图像。

background-size可以解决这个问题，但请注意IE8和旧版本都不支持它。为了保证这些浏览器的安全，图像可以放在中心（这意味着水平50％，垂直50％ - 当然，中心关键字也有效）