CSS背景圖縮小的方法

在CSS中，我們可以使用background-size屬性來縮小背景圖，這個(gè)屬性接受兩個(gè)值，分別是水平和垂直方向的尺寸，我們可以將這兩個(gè)值設(shè)置為百分比，這樣背景圖就會(huì)按照指定的百分比縮小。

如果我們想要將背景圖縮小到原來的50%，可以這樣做：

div {
  background-size: 50% 50%;
}

這個(gè)例子中，背景圖會(huì)被縮小到原來的50%，你可以根據(jù)需要調(diào)整這個(gè)百分比。

我們還可以使用max-width和max-height屬性來限制背景圖的尺寸，這兩個(gè)屬性會(huì)限制元素的***大寬度和高度，從而間接地縮小背景圖。

div {
  max-width: 200px;
  max-height: 200px;
}

在這個(gè)例子中，背景圖的尺寸會(huì)被限制在200px以內(nèi)，如果你想要更大的尺寸，可以相應(yīng)地調(diào)整這些值。

需要注意的是，使用max-width和max-height屬性可能會(huì)影響元素的布局和樣式，在使用這些屬性時(shí)，需要謹(jǐn)慎考慮它們對頁面整體布局的影響。