CSS 是建立網頁布局中十分重要的元素之一，它可以讓網頁更加美觀，豐富效果、提升用戶體驗。而其中最具代表性的一個 CSS 屬性就是 background-image，它的作用是將一張圖片作為元素的背景。

然而在使用 background-image 屬性的時候，我們不可避免地會遇到一個問題，那就是圖片尺寸的不同。如果我們的網頁中有多個元素需要使用不同尺寸的圖片作為背景，那么我們應該如何解決這個問題呢？

這時候我們就需要用到一個十分實用的 CSS 技巧，那就是 “background-size: cover”。這個屬性用于將背景圖片等比例縮放，讓其以蓋住整個元素為準，并且保持圖片的縱橫比例。

.example {
background-image: url('example.jpg');
background-size: cover;
/* 其他樣式 */
}

此外，如果我們需要在網頁中使用多張圖片，而這些圖片尺寸也不盡相同，我們可以使用 CSS3 中提供的 “多個背景圖片” 功能。我們可以在一個元素中指定多張背景圖片，再利用 “background-position” 來控制它們在元素中的位置。

.example {
background-image:
url('example1.jpg'),
url('example2.jpg'),
url('example3.jpg');
background-position:
center top,
left bottom,
right bottom;
background-repeat: no-repeat;
/* 其他樣式 */
}

使用這種方法，我們就可以讓不同尺寸的圖片在網頁中呈現平均，同時讓網頁的布局更加清晰和簡潔。