CSS是前端開發中必不可少的一個技術，是網頁美化的重要手段。但是，隨著移動設備的廣泛應用，屏幕大小和分辨率的變化導致CSS的適應性問題也日益凸顯。針對不同的設備，我們需要對CSS進行適應性的調整。

在CSS中，我們可以使用@media查詢來設置不同的樣式表。我們可以根據屏幕寬度、高度、方向等條件來編寫不同的樣式代碼。由于手機屏幕的寬度普遍比較小，因此我們可以為手機設備設置一些特別的樣式，比如增大字體，以便用戶更加清晰地看到網頁內容。

@media screen and (max-width: 767px) {
body {
font-size: 20px;
}
}

此外，我們還可以使用流式布局或彈性布局來適應不同的屏幕。流式布局指的是頁面元素定義寬度時使用百分比而非固定值。這樣，在頁面縮放時，元素寬度會自動跟隨變化，從而實現自適應布局。彈性布局則使用CSS3的新特性flex實現各種自適應效果。

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item {
flex:1;
margin: 10px;
}
@media screen and (max-width: 480px) {
.container {
flex-direction: column;
}
}

最后需要注意的是，不同的瀏覽器對CSS的解析方式也略有不同，因此在適應不同屏幕時需要進行兼容性測試和調整。同時，為了提高網頁的用戶體驗，我們也需要在調整布局時確保不同的元素排布合理，保證頁面美觀和易于閱讀。