隨著移動設備的普及，許多網站都需要考慮到在手機端的表現。如何針對手機端寫CSS，是一個非常重要的問題。首先，以下這些方法可以幫助你更好地編寫適用于移動設備的CSS。

@media查詢

使用@media查詢，你可以根據不同的終端設備來編寫不同的CSS規則。例如，你可以編寫不同的CSS規則用于不同的屏幕尺寸。這樣，當用戶使用不同大小的設備瀏覽網站時，CSS就會自動地適應他們的屏幕。

font-size: 100%;

如果你想要保證你的網站在移動設備上的顯示效果良好，你應該使用相對的字體大小，而不是絕對的字體大小。使用相對的字體大小表明，在移動設備上顯示的字體大小會隨著屏幕大小的不同而發生變化。

清除浮動

在不同的瀏覽器上，清除浮動的方法可能會有所不同。然而，在移動設備上，由于屏幕尺寸較小，每一個像素都變得特別寶貴。這就使得清除浮動特別重要。在移動設備上，你可以使用 clearfix 或 mini clearfix。

@media screen and (max-width: 480px) {
body {
background-color: #ffffff;
}
}

這個例子中，我們使用了@media查詢，在屏幕寬度小于等于480px時，將body的背景顏色設置為白色。這樣，你就可以通過Media Query來定義針對移動設備的樣式。