在移動端，不同的設備、分辨率和瀏覽器都會對網頁的顯示產生影響，因此在設計和開發移動網站時，需要使用自適應的CSS寫法，以確保網站在不同的設備上能夠有良好的顯示效果。

@media screen and (max-width: 768px) {
/* 在屏幕寬度小于768px時生效 */
body {
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
/* 在屏幕寬度小于480px時生效 */
body {
font-size: 12px;
}
}

上述代碼中，@media表示媒體查詢，其中screen表示屏幕設備，max-width表示屏幕最大寬度，后面的數值表示具體的寬度值。通過這樣的方式，我們可以根據屏幕大小來設置不同的CSS樣式。

另外，在移動端開發中，還需要注意以下幾點：

• 使用rem或em作為字體大小單位，使得字體大小可以根據父元素大小進行調整，避免在不同設備上出現過大或過小的問題。
• 使用彈性盒子布局（flexbox），以便自動調整布局和大小，適應不同的設備。
• 避免使用固定寬度或高度的尺寸，而應該使用百分比或自適應的尺寸，以適應不同設備的屏幕大小。

總之，在設計和開發移動端網站時，自適應的CSS寫法是不可或缺的，它可以使得頁面在不同的設備上擁有更好的顯示效果，并提高用戶體驗。因此，我們需要深入了解CSS的自適應技術，以便更好地開發出符合移動端需求的網站。