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

Question

我不知道为什么我找不到这个，我想允许某些div背景水平拉伸但不缩小（或者更好的是，设置一个点允许水平收缩但不是无限制）。我觉得这应该是一个简单的答案，可能与最小宽度和最大宽度有关？我只是想不出来。提前谢谢！

Answer 1

你去，使用background-size:cover：

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

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

<div></div>