CSS是層疊樣式表的縮寫，它用于為HTML文檔添加樣式。在開發過程中，我們經常需要考慮不同設備下的分辨率問題。

手機分辨率是指手機屏幕的像素總數，通常用寬度和高度表示。手機分辨率各種各樣，且不斷更新換代。為了適應不同的手機屏幕，我們需要使用CSS媒體查詢來針對不同的分辨率定義不同的樣式。

/*針對320px以下的手機屏幕*/
@media screen and (max-width: 320px) {
? ? body {
? ? ? ? font-size: 12px;
? ? }
}
?
/*針對320px-640px的手機屏幕*/
@media screen and (min-width: 320px) and (max-width: 640px) {
? ? body {
? ? ? ? font-size: 14px;
? ? }
}
?
/*針對640px以上的手機屏幕*/
@media screen and (min-width: 640px) {
? ? body {
? ? ? ? font-size: 16px;
? ? }
}

上面的代碼中，我們使用了三個媒體查詢來定義不同分辨率下的字體大小。當屏幕寬度小于或等于320px時，字體大小為12px；當屏幕寬度在320px到640px之間時，字體大小為14px；當屏幕寬度大于或等于640px時，字體大小為16px。這樣，我們就可以在不同的手機設備上提供最佳的用戶體驗。