今天我們來講一講如何在手機上使用CSS來美化網頁。

@media only screen and (max-width: 600px) {
body {
font-size: 14px;
}
h1 {
font-size: 24px;
}
p {
line-height: 1.5;
}
.container {
width: 100%;
padding: 0;
}
.box {
margin-bottom: 20px;
}
}

在上面的代碼中，我們使用了媒體查詢來檢測屏幕寬度是否小于600像素，如果是的話，就應用代碼塊中的CSS樣式。比如，我們將整個頁面的字體大小從默認的16像素降至14像素，以適應小屏幕。

我們還對標題（h1）和段落（p）的字體大小進行了修改，并將段落的行高設置為1.5倍。此外，我們還調整了容器（.container）和盒子（.box）的寬度和內邊距，以便更好地適應小屏幕尺寸。

最后，我們可以將以上代碼復制并粘貼到您的CSS文件中，在移動設備上嘗試加載您的網頁。我們相信，這些簡單的CSS調整將有助于提高移動設備用戶的使用體驗。