twitter-bootstrap：使一行（div）背景图像自动缩放并居中填充 100%？

Question

我有一个引导页面，其中一些行有背景图像。有没有办法（最好是 css）来缩放这样的背景图像，使其始终居中并填充 div 100%？

所以我不是指整个页面的全屏背景图片（如this），它只需要填充 div（通常是我的引导容器中的一行）。

我的意思是这样的：

因此，无论 div 的显示分辨率和实际屏幕大小如何，其背景图像都应相应缩放，以便完全填充 div。图片不应按比例拉伸，这意味着图片的一部分通常会落在 div 之外，无论是上/下还是左/右（除非 div 恰好具有精确的与图像相同的纵横比）。

图片也应该居中，即背景图片的中间应该在div的中间。

我用background-size:100% auto 或auto 100% 尝试了各种方法，这似乎在一个方向上工作正常，但我似乎无法找到适用于所有情况的通用解决方案。

Answer 1

当然，您可以将相同的想法应用于任何元素：

yourdiv  {
     background: url(images/bg.jpg) no-repeat center center fixed;
     /* and one of these: */
     background-size:contain;
     background-size:cover;
}