CSS手機尺寸自適應在移動設備的網頁開發中是至關重要的。因為在不同的手機設備上，屏幕的尺寸和分辨率都不同，為了能讓網頁在各種不同的設備上都能有最優的顯示效果，就需要使用CSS的手機尺寸自適應技術。

@media screen and (max-width: 480px) {
/* 手機豎屏樣式 */
}
@media screen and (max-width: 768px) {
/* 平板豎屏樣式 */
}
@media screen and (max-width: 1024px) {
/* PC樣式 */
}

上述代碼中的@media是CSS3的一個特性，用來指定樣式規則適用于哪種設備屏幕。其中max-width指定了屏幕的最大寬度，也就是設備的橫向分辨率。在不同的max-width值下，我們可以設置不同的樣式規則，從而達到不同設備下最佳的顯示效果。

另外，為了適應手機設備的橫屏顯示，我們還需要添加以下代碼：

@media screen and (max-width: 480px) and (orientation: landscape) {
/* 手機橫屏樣式 */
}
@media screen and (max-width: 768px) and (orientation: landscape) {
/* 平板橫屏樣式 */
}

需要注意的是，這些CSS的尺寸適應并不是絕對的，因為不同的手機設備、操作系統和瀏覽器等可能會對CSS的支持有所不同，因此需要在實踐中不斷進行測試和優化，以確保網頁在各種設備上都能夠得到良好的顯示效果。