如何放置全宽背景图像？

Question

使用bootstrap我设法放置一个全宽的背景图像。 问题是图像应该在什么分辨率下创建？

它应该是1600x1200并让bootstrap框架调整它吗？但更高的分辨率呢？

我努力的结果就像在这个页面上： http://www.indochino.com/product/white-casual-shirt

图像就像横幅。如果我理解正确，他们会创建1600x1200图像。

Answer 1

使用较大的图片，然后使用CSS3的background-size：cover。它使用您提供的背景图像完全填充div / body。换句话说，它会自动调整背景图像的大小以适应元素，无论尺寸如何。

#div {
 background: url("someimage.jpg");
 background-size: cover;
}

或

#div {
 background: url("someimage.jpg");
 background-size: 100% 100%;
}