CSS樣式表中的背景圖片是網頁設計中的重要組成部分，它可以增強頁面的美觀度和可讀性。然而有時候，我們添加的背景圖片大小并不適合所在容器的大小，這時候我們該怎么辦呢？

/* 假設我們有一個div容器 */
div{
width: 500px;
height: 300px;
background-image: url("bg.png");
background-size: cover;
}

以上是一個簡單的CSS代碼，我們在該div容器中添加了一張背景圖片，但由于該圖片的大小并未設置，可能存在比容器大或比容器小的情況。如果圖片比容器小，我們可以使用以下的方法。

/* 讓背景圖片居中 */
div{
background-position: center;
}
/* 平鋪背景圖片 */
div{
background-repeat: repeat;
}

以上代碼中，我們通過background-position屬性可以讓背景圖片在容器中居中，而通過background-repeat屬性可以讓背景圖片平鋪整個容器。這樣可以讓整個頁面更加豐富多彩。

但如果背景圖片比容器大，我們該怎么辦呢？此時我們需要使用background-size屬性來控制背景圖片的大小。

/* 調整背景圖片大小 */
div{
background-size: contain;
}

以上代碼中，我們將background-size屬性值設置為contain，這樣可以讓背景圖片適應容器大小，并保持原有的寬高比例。如果我們將值設置為cover則圖片會被拉伸以使圖片覆蓋整個容器。

無論是背景圖片比容器大還是比容器小，通過CSS的樣式來控制，我們都可以更加靈活地設計出精美的網頁。