CSS控制背景圖尺寸的方法

在CSS中，我們可以使用background-size屬性來(lái)控制背景圖的尺寸，這個(gè)屬性接受兩個(gè)值，分別是水平和垂直方向的尺寸，我們可以通過(guò)以下幾種方式來(lái)實(shí)現(xiàn)對(duì)背景圖尺寸的控制：

1、***尺寸：我們可以直接指定背景圖的寬度和高度，如background-size: 200px 300px;，這樣背景圖的寬度就是200像素，高度就是300像素。

2、相對(duì)尺寸：我們可以使用相對(duì)單位來(lái)指定背景圖的尺寸，如background-size: 50% 100%;，這樣背景圖的寬度就是其包含元素的寬度的50%，高度就是其包含元素的高度的100%。

3、縮放尺寸：我們可以使用contain或cover關(guān)鍵字來(lái)縮放背景圖，使其完全適應(yīng)包含元素的大小。background-size: contain;會(huì)使背景圖在其包含元素內(nèi)完全可見(jiàn)，而background-size: cover;則會(huì)使背景圖覆蓋整個(gè)包含元素，可能會(huì)有部分區(qū)域不可見(jiàn)。

需要注意的是，如果背景圖原本的比例與指定尺寸的比例不一致，那么背景圖可能會(huì)被拉伸或壓縮，為了避免這種情況，我們可以在指定尺寸時(shí)保持比例一致，或者使用preserve-aspect-ratio屬性來(lái)保持原始比例。

CSS提供了多種控制背景圖尺寸的方法，我們可以根據(jù)具體需求選擇***適合的方式。