http://www.cnblogs.com/greenteaone/archive/2012/08/28/2659878.html? （原創作者鏈接地址? ）

?Background-Size:[ <length> | <percentage> | auto ]{1,2} | cover | contain

background-size指定背景大小，以象素或百分比顯示。當指定為百分比時，大小會由所在區域的寬度、高度，以及background-origin的位置決定。還可以通過cover和contain來對圖片進行伸縮。

background-size可以設置2個值，1個為必填，1個為可選。第1個值用于指定背景圖的width，第2個值用于指定背景圖的height。

如果只給background-size設置1個值，則第2個值默認為auto（cover和contain特定值除外）。

?
<length>：設置背景圖片的高度和寬度（單位：px）。第一個值設置寬度，第二個值設置的高度。如果只給出一個值，第二個是設置為“auto”,

?????????????? 例如：background-size: 100px 200px;背景寬100px，高200px；

<percentage>：設置背景圖片的高度和寬度（單位：%）。第一個值設置寬度，第二個值設置的高度。如果只給出一個值，第二個是設置為“auto”

?????????????? 例如：background-size: 100% 100%;背景充滿

cover: 縮放圖像的最小值，其寬度和高度都能放入內容區域

contain：縮放圖像的最大值，其寬度和高度都能放入內容區域

效果如下：

轉載于:https://www.cnblogs.com/loushiqiang/p/6202309.html

總結

以上是生活随笔為你收集整理的background-sizi （转）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。