隨著移動互聯網的快速發展，越來越多的人開始使用手機上網。而手機屏幕小、分辨率低、不同機型的顯示差異也增加了網站頁面在移動端的制作難度。在這樣的情況下，我們不得不考慮到CSS手機版如何修改來適應不同的移動設備。

首先，我們需要考慮到移動設備的屏幕分辨率和像素密度與電腦不同，因此CSS的像素單位也要進行相應的調整。在這里，我們可以使用viewport元標簽來設置移動設備的視口大小，可以讓頁面自適應設備的寬度和高度，如下：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

接著，我們需要對CSS樣式進行適配。通過使用@media查詢，我們可以根據不同的設備大小和方向來設置不同的樣式，如下：

/*手機設備（小于等于767px）*/
@media (max-width: 767px) {
body {
font-size: 16px;
}
/*其他樣式*/
}
/*平板設備（768px-1024px）*/
@media (min-width: 768px) and (max-width: 1024px) {
body {
font-size: 18px;
}
/*其他樣式*/
}
/*電腦設備（大于等于1025px）*/
@media (min-width: 1025px) {
body {
font-size: 20px;
}
/*其他樣式*/
}

最后，我們需要重點考慮到排版的適配。由于手機屏幕小，所以應該盡可能減少不必要的元素和文字，同時需要保證排版清晰、簡潔、大方。比如可以使用文字折行、縮小字體等方式來適應手機屏幕的寬度。

綜上，CSS手機版的修改需要注意到像素單位、viewport元標簽設置、適應不同設備的樣式和排版等方面。只有綜合考慮這些因素，才能真正做好網站在移動端的適配工作。