CSS是構建網頁外觀和樣式的重要工具，在移動端開發時，CSS的編寫也需要特別注意。下面我們將介紹CSS在移動端的編寫方法。

/* 縮放 */
@media only screen and (max-width: 768px) {
/* 這里編寫針對移動端的樣式 */
}
/* 設置寬度 */
body {
width: 100%;
max-width: 640px; /* 限制最大寬度 */
}
/* 布局 */
.container {
display: flex;
flex-direction: column; /* 設置垂直方向布局 */
}
/* 移除鼠標懸停效果 */
.btn:hover {
cursor: pointer;
background-color: unset;
}

首先，我們需要使用@media查詢來針對不同的設備屏幕制定不同的樣式。一般來說，移動端的設備寬度比較小，而且設備種類和尺寸也非常多，因此我們常常使用max-width這個關鍵字來限制最大寬度，這樣能夠讓我們的布局更加適應不同的移動端設備。

其次，移動端布局需要更加注重彈性布局，比如使用display: flex和flex-direction呈現垂直方向布局等等。這些布局方式可以適應不同設備的屏幕尺寸，呈現出更加美觀的界面效果。

最后，我們需要注意一些移動端特殊的樣式調整。比如，鼠標懸停效果在移動端是無法觸發的，因此需要額外設置cursor:pointer和background-color:unset來確保按鈕樣式在移動端時也能正常顯示。