CSS圖片背景適應屏幕是一個非常基礎且重要的知識點，主要用于使網頁在不同的設備上呈現良好的視覺效果。本文將介紹如何使用CSS使圖片背景適應屏幕。

首先，我們需要了解CSS中常用的背景圖片屬性：background-image。這個屬性用于指定一個元素的背景圖片，格式如下：

.example {
background-image: url("example.png");
}

上面的代碼將會把名為example.png的圖片設置為.example元素的背景。

然而，如果我們直接使用background-image屬性來設置圖片背景，可能會出現圖片尺寸與屏幕尺寸不匹配的情況，導致圖片或頁面出現拉伸、壓縮等情況。解決這個問題的方法是使用background-size屬性。

background-size屬性用于指定背景圖片的大小，它的格式如下：

.example {
background-image: url("example.png");
background-size: cover;
}

上面的代碼將會把example.png圖片設置為背景，并且使用cover值指定背景大小，這樣圖片將會等比例縮放，保證完全覆蓋容器元素，不會出現拉伸、壓縮的情況。

除了使用cover值外，我們還可以使用contain值，指定背景圖片等比例縮放，保留原始尺寸，這樣就可以避免出現拉伸、壓縮的情況，但是可能會出現留白的情況。

綜上所述，要實現背景圖片適應不同的屏幕，我們需要在background-image屬性中指定圖片路徑，然后使用background-size屬性設置背景圖片的大小。通過這兩個屬性進行組合使用，就可以實現圖片的適應屏幕。