CSS 允许背景图像拉伸但不能缩小

Question

不知道为什么我找不到这个，我想允许某些 div 背景水平拉伸但不收缩（或者更好的是，设置一个允许水平收缩但不是无限制的点）。 我觉得这应该是一个简单的答案，也许与 min-width 和 max-width 有关？ 我就是想不通。 提前致谢！

Answer 1

好了，使用background-size:cover ：

这是一个大小为 450X480 的 div，一个大小为 400X400 的背景

 div{ width:450px; height:480px; background-image:url(http://lorempixel.com/g/400/400/); background-size:cover; }

 <div></div>