在如今移动互联网的快速发展，我们的网站应当更加注重手机端的适配。因此，关于CSS手机分辨率适配的需求也愈发重要。

首先，我们需要了解手机屏幕的分辨率。现在，市面上的手机屏幕分辨率主要有三种：480px、640px和750px。其中，iPhone 5、6、7和X屏幕宽度为375px，而Plus系列宽度为414px。

当我们设计一个网站时，必须要考虑到这些屏幕分辨率的存在，才能使页面在不同的设备上都能有良好的显示效果。为了实现这个目标，我们可以采用CSS媒体查询来达到分辨率适配的效果。

@media (max-width: 480px) {
/* 对应小于等于480px宽度的屏幕 */
}
@media (min-width: 481px) and (max-width: 640px) {
/* 对应481px-640px宽度的屏幕 */
}
@media (min-width: 641px) and (max-width: 750px) {
/* 对应641px-750px宽度的屏幕 */
}
@media (min-width: 751px) {
/* 对应大于等于751px宽度的屏幕 */
}

在上述代码中，我们使用了四个媒体查询，分别对应了不同宽度的屏幕。通过这种方式，我们可以根据不同的分辨率设置不同的样式，从而实现手机屏幕的适配。

此外，我们还可以使用一些响应式框架，比如Bootstrap、Foundation等，它们内置了许多关于手机分辨率适配的样式和组件，可以方便我们快速实现手机端的适配效果。

总之，CSS手机分辨率适配是现代网站设计和开发中的重要一环，我们应该尽可能地考虑到不同设备的分辨率，以提供更好的用户体验。