CSS中可以使用background屬性來設置一個元素的背景，包括顏色、圖片等。通過設置背景圖片，我們可以將元素設置成一個有視覺效果的圖像。不過，有時候我們會發現設置背景圖片時，圖片的大小比指定元素的大小還要大，這時候就需要用到一些技巧來調整元素和背景圖片的尺寸比例了。

.container{
width: 500px;
height: 300px;
background-image: url('background.jpg');
background-repeat: no-repeat;
background-size: cover;
/*設置背景圖片盡可能填充元素*/
}

上面的例子中，我們設置了一個容器元素的寬度為500px，高度為300px，背景圖片為background.jpg。但是事實上，background.jpg實際上有600px*400px的大小，比容器的大小要大。這時候，可以通過設置background-size屬性來調整圖片的尺寸比例進行適應。

background-size屬性可以設置為以下值：

• cover：盡可能填充元素，可能會裁剪圖片
• contain：盡可能適應元素大小，可能會留白
• 固定數值：可以設置一個具體的數值來表示圖片的寬度和高度，也可以分別設置寬度和高度
• 百分比：表示相對于容器的百分比來設置背景圖片的尺寸

.container{
width: 500px;
height: 300px;
background-image: url('background.jpg');
background-repeat: no-repeat;
background-size: 50% 50%;
/*設置背景圖片寬度和高度均為50%*/
}

除了使用background-size屬性，我們也可以使用background-position屬性來調整背景圖片的位置來解決圖片比元素大的情況。通過設置background-position的值，我們可以使背景圖片在元素中顯示的位置發生變化。

.container{
width: 500px;
height: 300px;
background-image: url('background.jpg');
background-repeat: no-repeat;
background-position: center;
/*設置背景圖片在元素中心顯示*/
}

上面的代碼中，我們將background-position屬性設置為center，表示將背景圖片在元素中心顯示。還可以設置為left、right、top、bottom等值，根據具體需求進行調整。

總之，在設置背景圖片時，我們需要注意圖片比元素大的情況，可以通過background-size和background-position兩個屬性來進行調整，使其符合我們的需求。