CSS中的寬度自適應是Web設計中常用的技術。寬度自適應可以讓網頁在各種設備上以不同的分辨率顯示，使用戶獲得更好的瀏覽體驗。

實現寬度自適應的方法是使用百分比來設置寬度。下面是一個例子：

.box {
width: 80%;
height: 200px;
border: 2px solid black;
}

上面的代碼中，.box元素的寬度為80%。這意味著無論用戶使用的是大屏幕電腦還是小屏幕手機，.box元素的寬度都會自適應設備的寬度。

除了百分比外，還有一種更加直觀的方式來實現寬度自適應，那就是使用max-width屬性。下面來看一個例子：

.box {
max-width: 800px;
width: 80%;
height: 200px;
border: 2px solid black;
}

上面的代碼中，.box元素的max-width屬性為800像素。當用戶使用的設備寬度小于800像素時，.box元素的寬度會自適應設備的寬度。當用戶使用的設備寬度大于800像素時，.box元素的寬度會自適應到800像素。

總之，寬度自適應是Web設計中一個重要的技術，可以讓網頁在各種設備上以不同的分辨率顯示，提高用戶體驗。我們可以使用百分比或max-width屬性來實現寬度自適應。希望本文能對您有所幫助！