background-size属性允许我们使用像素px来为背景图像设置一个精确的尺寸，如下所示。

.item__img { 
background-size : 200px 310px; }

第一个值定义宽度，第二个定义高度。当没有指定高度时，浏览器会自动保持背景图像的宽高比。下面这些例子，会实现相同的效果。

.item__img { background-size : 200px 310px; } 
.item__img { background-size : 200px auto; } 
.item__img { background-size : 200px; }

如果元素的尺寸发生改变，比如变成240px×350px，我们可以为背景图像设置新的尺寸，让它来缩放或者拉伸为合适的大小。我们甚至可以为背景图像设置和元素大小差别很大的尺寸。下面是三个例子。