CSS手機寬度自適應是指在不同設備分辨率下，網頁可以根據屏幕大小自動調整顯示效果。在手機設備上，我們經常需要進行寬度和布局的調整，以適應不同形狀大小的手機屏幕。通過CSS，我們可以實現網頁元素的大小、位置和尺寸的自適應調整。

@media screen and (max-width: 768px) {
/*定義在小屏幕下的CSS屬性*/
body {
font-size: 16px;
}
.container {
width: 90%;
}
}

在上面的代碼中，首先使用@media查詢語句來設置屏幕的最大寬度，這里我們可以設置為768px，表示在小型設備上進行布局。然后，我們在大括號中設置了body元素和.container元素在小屏幕下的CSS屬性。

其中，body元素用于設置整個頁面的字體大小；.container元素用于設置一個容器的大小，這里我們設置為90%寬度，以適應小型設備的屏幕大小。通過這樣的方式，我們可以根據不同設備的屏幕大小，靈活調整頁面元素的尺寸和位置，以達到良好的用戶體驗效果。