CSS手機寬自適應是利用CSS來實現網頁在不同設備上的自動適應。我們可以使用CSS媒體查詢，根據不同的屏幕寬度設置不同的CSS樣式，以適應不同的設備。

@media only screen and (max-width: 480px) {
/* 當屏幕寬度小于等于480px時 */
body {
font-size: 14px;
}
.container {
width: 100%;
}
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
/* 當屏幕寬度大于480px且小于等于768px時 */
body {
font-size: 16px;
}
.container {
width: 90%;
}
}
@media only screen and (min-width: 769px) {
/* 當屏幕寬度大于768px時 */
body {
font-size: 18px;
}
.container {
width: 80%;
}
}

以上代碼是一個簡單的CSS媒體查詢示例。當屏幕寬度小于等于480px時，容器的寬度為100%，字體大小為14px；當屏幕寬度大于480px且小于等于768px時，容器寬度為90%，字體大小為16px；當屏幕寬度大于768px時，容器寬度為80%，字體大小為18px。

使用CSS手機寬自適應可以確保網頁在不同設備上的顯示效果，提供更好的用戶體驗。