在進行網頁設計時，字體是一個非常重要的元素。但是在設計網頁的過程中，我們要注意不同設備的顯示效果。特別是移動端，不同手機的屏幕大小不同，如果字體設置不當，會導致頁面效果不理想。下面，我們介紹一下如何在CSS中設置手機字體大小。

在CSS中，我們可以使用單位px或em來設置字體大小。px是像素單位，em是相對單位。在設置字體大小時，我們需要考慮到不同手機的屏幕大小。如果使用px單位，會導致在不同手機屏幕上，字體顯示大小不盡相同。為了解決這個問題，我們可以使用em單位。

一般來說，我們可以將移動端的字體大小設置為16px。這是因為在移動設備中，字體大小比在PC端稍微大一些。如果我們想要設置字體大小為16px，可以使用以下代碼：

body {
font-size: 16px;
}

當然，也可以使用em單位：

body {
font-size: 1em;
}

這里的1em等于16px，也就是說，在這個例子中，字體大小為1em時，就等于16px。

除了設置整個網頁的字體大小，我們也可以使用不同的選擇器，對不同的元素進行字體大小的設置。例如，我們可以使用以下代碼，將標題的字體大小設置為1.5em：

h1 {
font-size: 1.5em;
}

總的來說，正確的設置字體大小可以提高網頁的閱讀體驗。在移動端設計網頁時，使用em單位可以更好地適應不同手機的屏幕大小，讓用戶在不同設備上都能得到舒適的閱讀體驗。