CSS是一種用于網頁排版的語言，它可以實現手機自適應。隨著移動設備的發展，越來越多的用戶使用手機上網，因此網頁必須適應各種不同大小的屏幕。以下是一些常見的CSS技巧，可以幫助實現手機自適應。

一、使用媒體查詢
媒體查詢可以根據不同的設備和屏幕尺寸應用不同的樣式。例如，以下代碼將在屏幕寬度小于768像素時應用樣式：

@media (max-width: 768px) {
/* 樣式 */
}

二、使用百分比和EM
使用百分比和EM作為CSS單位，可以讓網頁元素根據屏幕尺寸自動縮放。例如，以下代碼將元素的寬度設置為屏幕寬度的50%：

.element {
width: 50%;
}

三、使用自適應圖片
當使用靜態圖片時，必須確保它們在不同大小的屏幕上看起來都不會失真或拉伸。可以使用響應式圖像來解決這個問題。例如，以下代碼將根據屏幕寬度加載不同的圖像：

@media (min-width: 768px) {
.small-image { display: none; }
.medium-image { display: none; }
}
@media (min-width: 992px) {
.small-image { display: none; }
.large-image { display: none; }
}

通過CSS技巧可以輕松實現手機自適應，提高網頁的用戶體驗。