在CSS中，我們經常需要設置盒子的背景大小。比如我們想要一個寬度為200px，高度為300px，背景顏色為藍色的盒子。

div{
width: 200px;
height: 300px;
background-color: blue;
}

以上代碼就可以輕松地實現這個效果。

但是，在現實開發中，我們經常需要在不同的設備及屏幕大小下展示不同的背景圖片。這種時候，我們需要設置盒子的背景大小，以免出現變形或者背景圖片被拉伸的情況。

我們可以通過以下幾種方式來設置盒子的背景大小：

1. background-size屬性

div{
background-size: cover; /*背景圖片等比例縮放,完全覆蓋容器*/
}

以上代碼會將背景圖片等比例縮放，完全覆蓋容器。這樣背景圖片不會變形，并且在所有設備下都能完全顯示。

2. background-position和background-repeat屬性

div{
background-position: center; /*讓背景圖片在容器中居中*/
background-repeat: no-repeat; /*不重復平鋪*/
}

以上代碼會讓背景圖片在容器中居中，不重復平鋪。這樣可以讓背景圖片更加美觀，同時也能防止背景圖片被拉伸變形。

以上就是關于CSS背景盒子大小的設置方法，希望對你有所幫助！