CSS3中的background屬性是非常常用的樣式屬性之一，它可以為元素添加背景色、背景圖片或其他背景效果。其中，background-size屬性可以用來指定背景圖片的大小，而background-size: cover和background-size: contain則可以讓圖片自適應(yīng)容器大小。

//拉伸背景圖片并填滿容器
background-size: cover;

通過設(shè)置background-size: cover，背景圖片將被拉伸并自適應(yīng)填滿元素的大小。這個(gè)屬性值就好像是設(shè)置了一個(gè)背景圖片的「裁剪框」，然后讓圖片自動(dòng)適應(yīng)該框的大小。

與background-size: cover 相對(duì)的是background-size: contain。這個(gè)屬性值也可以讓圖片自適應(yīng)容器大小，但圖片不會(huì)填滿整個(gè)容器，而是顯示完整圖片且保持比例。

//自適應(yīng)背景圖片大小但保持圖片比例
background-size: contain;

綜上，background-size屬性是非常重要的一個(gè)css屬性，可以幫助我們?cè)O(shè)置不同的背景屬性，而cover 和contain也是非常重要的兩個(gè)取值，可以讓我們通過圖片自適應(yīng)來滿足實(shí)際需求。