CSS背景適應屏幕大小是制作響應式網頁的重要組成部分，適應不同屏幕尺寸大小的視口，讓網頁看起來更加美觀和舒適。以下是如何實現CSS背景適應屏幕大小的技巧。

一、

background-size

屬性

background-size

屬性用于控制背景圖像的大小。默認情況下，CSS背景圖像會自動填充完整的容器區域，但是也可以通過設置

background-size

屬性改變背景圖像的大小：

body {
background-image: url("bg.jpg");
background-size: cover;
}

上述代碼中，

cover

關鍵字表示背景圖像要完全覆蓋容器區域，但是可能會裁剪圖像以適應不同的屏幕大小。

二、

background-position

屬性

background-position

屬性用于設置背景圖像的位置。可以為這個屬性設置百分比或者像素值。例如：

body {
background-image: url("bg.jpg");
background-size: cover;
background-position: top left;
}

上述代碼中，

background-position: top left

表示背景圖像在容器左上角位置。可以根據需求設置不同位置的背景圖。

三、

background-origin

屬性

background-origin

屬性用于設置背景圖像相對于容器的起始位置。例如：

html {
background-image: url("bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-origin: content-box;
}

上述代碼中，

background-origin: content-box

表示背景圖像從容器的邊框開始繪制。

以上是CSS背景適應屏幕大小的技巧，可以根據不同的需求進行靈活地設置。通過這些屬性，可以實現適應不同屏幕大小的響應式網頁設計。