CSS是一種用于網頁設計的樣式表語言，它可以幫助我們實現網頁的美化和一些交互效果。其中背景圖片是很常用的一個樣式，而讓背景圖片寬度達到100%、高度自適應則是網頁設計中經常用到的技巧。

實現方法很簡單，只需要使用CSS的background-size屬性即可。該屬性用于設置背景圖片的尺寸，它有兩個值，第一個是用于設置寬度的取值（可以是具體的像素值或百分比），第二個是用于設置高度的取值，同樣可以是具體的像素值或百分比。其中，我們可以使用特殊取值“cover”，它表示以縱橫比例為基礎，將背景圖片完全覆蓋背景區域。

background-size: 100% auto; /*背景圖片寬度達到100%、高度自適應*/
background-size: cover; /*背景圖片以覆蓋模式展示*/

此外，我們還可以使用CSS3的“background-size: contain;”屬性，而不是使用“cover”。contain屬性表示以縱橫比例為基礎，將背景圖片縮放至完全適應背景區域，而不會超出或變形。contain比cover更偏向于功能而不是美觀性，因此當我們需要在保持背景圖片完整性的同時讓其充滿整個背景時，應該考慮使用“cover”取值；當我們需要保持背景圖片的比例不變，縮放以適應背景區域時，應該考慮使用“contain”。

在實際使用中，我們可以利用相應的CSS選擇器、ID或類等來添加這些屬性。比如，如果我們要在網頁整個背景上應用背景圖片，我們可以在body標簽中加入如下代碼：

body {
background-image: url(your-image-url);
background-size: cover;
}

以上就是關于CSS背景寬度100%、高度自適應的介紹。希望大家可以通過這篇文章掌握這項基本技能，實現更好的網頁設計。如有錯誤或不當之處，還請指正。