CSS中放大縮小背景圖片的方法

在CSS中，我們可以使用background-size屬性來放大或縮小背景圖片，這個(gè)屬性接受兩個(gè)值：寬度和高度，如果我們只提供一個(gè)值，那么另一個(gè)值會自動計(jì)算以保持圖片的寬高比。

如果我們想把背景圖片放大到200%，我們可以這樣寫：

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

如果我們只想放大寬度到200%，并保持高度不變，我們可以這樣寫：

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

同樣，如果我們想縮小圖片到50%，我們可以這樣寫：

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

需要注意的是，background-size屬性僅適用于CSS3支持的環(huán)境，在舊版本的瀏覽器中，可能無法正常工作，在使用之前，請確保你的目標(biāo)受眾使用的瀏覽器支持CSS3。