CSS怎么讓背景自適應？ 在網頁設計中，背景圖像通常是網頁裝飾和輔助信息的一部分。但是，由于不同的網頁瀏覽器和設備有不同的屏幕尺寸和分辨率，背景圖像的大小和位置有時會出現問題，即有可能無法填充整個屏幕、居中或完全顯示。因此，我們需要配置背景圖像的自適應屬性，以確保其在不同設備上都能正確顯示。 在CSS中，我們可以使用以下屬性來實現背景圖像的自適應： background-size ：設置背景圖像的尺寸。其值可以是具體的像素數值，也可以是百分比。例如：background-size: 100% 100%（將背景圖像縮放到與容器的寬高比例相同）。 background-repeat ：設置背景圖像的重復方式。它的取值可以為repeat(水平和垂直重復)、repeat-x（水平重復）、repeat-y(垂直重復)或no-repeat(不重復）等。 background-position ：設置背景圖像的位置。它的值可以是具體的長度值或關鍵字（left、center、right、top、bottom等）。例如：background-position: center top(將背景圖像水平居中，垂直頂部對齊）。 通過這些屬性的使用，可以讓背景圖片更好地在各種瀏覽器和設備上自適應，提高網站的用戶體驗和美觀程度。 示例代碼如下：

p {
background-image: url(bg.jpg);
background-size: cover; 
background-repeat: no-repeat; 
background-position: center center; 
}

總之，設計師可以使用CSS中的多種屬性來調整背景圖像的大小、位置和重復方式，以實現在不同設備和瀏覽器上的自適應，給用戶帶來更好的體驗。