CSS是網頁設計中不可或缺的樣式表語言，其中自適應寬度是常見的css技巧，可以實現不同設備下網頁的自適應和優化，讓網頁更加美觀和易用。

下面是如何設置css自適應寬度的方法：

/* css代碼 */
body {
width: 100%;
margin: 0;
padding: 0;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.box {
width: 100%;
padding: 20px;
box-sizing: border-box;
}

以上代碼的解釋如下：

body元素設置為100%寬度，使得網頁可以自適應不同設備的寬度，同時去掉默認的外邊距和內邊距。

.container元素設置了一個最大寬度1200px，同時水平居中，可以在不同設備下保持一致的外觀。設置了20px的內邊距，以增加內容的空白區域和可讀性。

.box元素需要占據全部父元素的寬度，所以設置為100%寬度。同時設置了20px的內邊距，使得內容與邊界間有適當間隔，同時使用box-sizing屬性實現盒模型的邊界不影響元素的大小。

上述css代碼可以應用于不同的網頁設計中，實現自適應寬度。需要注意的是，一些樣式可能在不同設備下顯示不同，需要根據實際情況進行調整和優化。