CSS寬度自適應是Web開發中常用的技術之一。在開發網頁時，我們經常需要讓元素的寬度適應瀏覽器的窗口，而不是固定的像素值，這就需要使用CSS寬度自適應。

其中一種實現方式是通過CSS的百分比單位實現自適應。例如，我們可以將元素的寬度設為100%，這樣無論瀏覽器窗口大小如何，元素的寬度都會占據整個窗口的寬度。

.example {
width: 100%;
}

另一種方式是使用CSS的max-width屬性。該屬性設定元素的最大寬度，當瀏覽器窗口變窄時，元素的寬度會自動縮小，保持在設定的最大寬度內。

.example {
max-width: 800px;
width: 100%;
}

CSS寬度自適應是構建響應式布局的重要組成部分。通過使用百分比單位和max-width屬性，我們可以創建出適應不同屏幕大小的網頁，提高用戶的體驗和界面的美觀程度。