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

时间:2015-09-08 20:11:30

标签: html css html5 twitter-bootstrap

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

1 个答案:

答案 0 :(得分:2)

你去,使用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>