CSS是一種用于美化網(wǎng)頁的語言，如何設(shè)置CSS適應(yīng)手機是非常必要的。
首先，要設(shè)置一個適當?shù)囊暱凇Ｔ贖TML的<head>標簽中，加入以下代碼：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
這個代碼的作用是設(shè)置視口的寬度與屏幕的寬度一致，并且初始縮放比例為1。
然后，要設(shè)置一些CSS樣式。
可以使用@media查詢來設(shè)置不同屏幕尺寸的樣式，如下所示：
@media screen and (max-width: 768px) {
/* 在屏幕寬度小于等于768px時生效 */
body {
font-size: 14px;
}
}上面的代碼表示在屏幕寬度小于等于768px時，body元素的字體大小為14px。
此外，還可以使用相對長度單位，如em和rem。em是相對于父元素的字體大小來計算的，rem是相對于根元素的字體大小來計算的。例如：
body {
font-size: 16px; /* 設(shè)置根元素的字體大小 */
}
p {
font-size: 1em; /* 相對于body元素的字體大小 */
margin-bottom: 1rem; /* 相對于根元素的字體大小 */
}上面的代碼表示p元素的字體大小為body元素的字體大小，下間距為根元素的字體大小。
最后，要進行測試，確保網(wǎng)頁在不同尺寸的設(shè)備上都能夠正確顯示。可以使用瀏覽器的開發(fā)者工具，或者使用真實設(shè)備進行測試。