CSS中，我們可以使用background-size屬性來(lái)等比例縮小背景圖，以下是一些示例代碼：

示例1：等比例縮小背景圖

div {
  background-image: url('your-image-url');
  background-size: 50%; /* 將背景圖等比例縮小到50% */
}

示例2：等比例放大背景圖

如果你想等比例放大背景圖，可以使用background-size: 200%來(lái)實(shí)現(xiàn)：

div {
  background-image: url('your-image-url');
  background-size: 200%; /* 將背景圖等比例放大到200% */
}

示例3：使用contain或cover關(guān)鍵字

contain關(guān)鍵字會(huì)保持圖像的原始縱橫比，同時(shí)縮放圖像以填充元素的整個(gè)背景區(qū)域，而cover關(guān)鍵字則會(huì)拉伸圖像以覆蓋整個(gè)背景區(qū)域，可能會(huì)改變圖像的縱橫比。

div {
  background-image: url('your-image-url');
  background-size: contain; /* 保持原始縱橫比，填充整個(gè)背景區(qū)域 */
}

或者：

div {
  background-image: url('your-image-url');
  background-size: cover; /* 拉伸圖像以覆蓋整個(gè)背景區(qū)域 */
}

示例4：結(jié)合background-position調(diào)整位置

當(dāng)你等比例縮放背景圖時(shí)，可能需要調(diào)整圖像的位置以確保它出現(xiàn)在正確的位置，可以使用background-position屬性來(lái)實(shí)現(xiàn)：

div {
  background-image: url('your-image-url');
  background-size: 50%; /* 等比例縮小背景圖 */
  background-position: center; /* 將圖像定位在中心 */
}

通過(guò)調(diào)整background-position的值，你可以***控制圖像在元素中的位置。