CSS背景圖片縮小的方法

在CSS中，我們可以使用背景尺寸屬性（background-size）來縮小背景圖片，這個屬性接受兩個值，分別是寬度和高度，如果我們只提供一個值，那么另一個值會自動計算以保持原始圖片的寬高比。

如果我們想把背景圖片縮小到原始大小的50%，我們可以這樣寫：

div {
  background-image: url('image.jpg');
  background-size: 50% 50%;
}

這將會把背景圖片縮小到原始大小的50%，并保持其原始的寬高比，如果我們想要改變圖片的寬高比，我們可以提供兩個值，如果我們想把圖片縮小到原始大小的50%，并改變其寬高比為2:1，我們可以這樣寫：

div {
  background-image: url('image.jpg');
  background-size: 50% 25%;
}

這將會把背景圖片縮小到原始大小的50%，并將其寬度設(shè)置為高度的兩倍，需要注意的是，如果圖片本身沒有提供足夠的信息來計算新的寬高比，那么結(jié)果可能會不如預(yù)期，在使用背景尺寸屬性時，***好確保圖片本身具有足夠的信息來計算所需的寬高比。