CSS中背景圖片縮小的技巧

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

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

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

這樣，背景圖片就會被縮小到原來的50%，如果我們只想改變寬度，可以只寫寬度值：

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

這樣，圖片寬度會縮小到原來的50%，而高度會自動調(diào)整以保持原始寬高比，需要注意的是，如果圖片原始高度大于寬度，且只指定了寬度，那么圖片可能會顯得更寬而不是更窄，根據(jù)需要調(diào)整寬度和高度值。