背景寬度自適應是在CSS中常用的一種技巧，它可以讓背景圖片或顏色自適應元素的寬度，無需固定背景寬度。

在CSS中，我們可以使用background-size屬性來設置背景大小，其屬性值可以為具體數值、百分比或關鍵字（如cover、contain等）。在寬度自適應的情況下，我們需要將background-size屬性設置為100%。此外，我們還需要將背景重復屬性（background-repeat）設置為no-repeat，以防止背景圖片或顏色在寬度自適應時被重復顯示。

.element {
background-image: url('bg.jpg');
background-size: 100%;
background-repeat: no-repeat;
}

當元素的寬度發生變化時，背景圖片或顏色會自適應元素的寬度，從而保證視覺效果的連貫性。如果您需要保持背景圖片的高度與元素高度一致，可以將其背景位置屬性（background-position）設置為center。

總的來說，背景寬度自適應CSS技巧十分實用，可以讓我們在保證元素寬度自適應的情況下，輕松實現背景大小的自適應。