在移動(dòng)設(shè)備上，字體的設(shè)置是很重要的，因?yàn)椴煌脑O(shè)備屏幕分辨率不同，字體大小也會(huì)根據(jù)屏幕的大小發(fā)生改變。在 CSS 中，我們可以使用以下的方式來(lái)設(shè)置移動(dòng)端字體大小：

body {
font-size: 16px;
}
@media only screen and (max-width: 767px) {
body {
font-size: 14px;
}
}
@media only screen and (max-width: 374px) {
body {
font-size: 12px;
}
}

在上述代碼中，我們首先設(shè)置了 body 元素的字體大小為 16 像素。在移動(dòng)設(shè)備上，我們使用了媒體查詢（media query）來(lái)設(shè)置不同屏幕尺寸下的字體大小。使用媒體查詢，我們可以根據(jù)屏幕尺寸來(lái)設(shè)置不同的字體大小。

在上面的代碼中，我們?cè)O(shè)置了兩個(gè)媒體查詢。第一個(gè)媒體查詢針對(duì)的是屏幕寬度小于等于 767 像素的設(shè)備。這個(gè)范圍包括了大部分智能手機(jī)和平板電腦。在這個(gè)媒體查詢中，我們將 body 的字體大小設(shè)置為 14 像素。第二個(gè)媒體查詢針對(duì)的是屏幕寬度小于等于 374 像素的設(shè)備，這個(gè)范圍包括了一些小型的智能手機(jī)。在這個(gè)媒體查詢中，我們將字體大小設(shè)置為 12 像素。

使用上述方式可以解決移動(dòng)設(shè)備屏幕分辨率不同導(dǎo)致字體大小不一致的問(wèn)題，從而提升用戶的閱讀體驗(yàn)。