手機屏幕的分辨率是指屏幕上像素點的數量。現代手機屏幕分辨率不斷提高，使得手機屏幕顯示效果越來越好。

代碼示例：
@media only screen and (min-width: 320px) {
/* iPhone 4 and 4S, 3.5" screen */
.example {
width: 320px;
height: 480px;
}
}

CSS可以根據不同的屏幕分辨率自動適配不同的樣式。如上述代碼示例，當屏幕寬度小于等于320px時，設置.example元素的寬度和高度都為320px，以適應iPhone 4和4S的3.5英寸屏幕。

代碼示例：
@media only screen and (min-width: 411px) and (max-width: 767px) {
/* Android devices, 5.5" screen (Pixel XL) */
.example {
width: 411px;
height: 731px;
}
}

同時，CSS也可以適應不同品牌或型號的手機屏幕分辨率。如上述代碼示例，當屏幕寬度在411px至767px之間時，設置.example元素的寬度和高度都為411px和731px，以適應安卓設備的5.5英寸屏幕（如Pixel XL）。