CSS背景圖伸縮功能允許您指定背景圖在瀏覽器中調(diào)整大小以適應(yīng)元素尺寸的方式。

background-size: value;

其中value可以是以下幾種形式：

• 具體的像素值，如background-size: 200px 100px;
• 百分比值，如background-size: 50% 50%;
• 關(guān)鍵字cover，將背景圖放在元素上，并保持其寬高比例不變，直到元素完全覆蓋。如果圖像比元素小，則會(huì)放大圖像，使其適合元素的大小。如果圖像比元素大，則會(huì)將元素調(diào)整為完全包含圖像，剪輯超出元素范圍的圖像部分。
• 關(guān)鍵字contain，將背景圖放在元素上，并保持其寬高比例不變，直到元素完全包含。如果圖像比元素小，則會(huì)將其放大以適應(yīng)元素大小。如果圖像比元素大，則會(huì)縮小它以適合元素大小，使整個(gè)圖像可見。

以下是一些例子：

/* 使用具體的寬高像素值 */
background-size: 200px 100px;
/* 使用百分比值 */
background-size: 50% 50%;
/* 使用cover關(guān)鍵字 */
background-size: cover;
/* 使用contain關(guān)鍵字 */
background-size: contain;

請(qǐng)注意，當(dāng)您為一個(gè)元素設(shè)置背景圖大小時(shí)，它只適用于該元素，而不影響其子元素。如果您希望背景大小適用于所有子元素，請(qǐng)為所有元素設(shè)置相同的背景大小。