CSS圖片適配手機屏幕是網站設計的重要環節，這樣可以讓網站不僅在桌面上適配良好，也能在移動端設備上正常顯示。對于圖片的適配，可以采用以下幾種方法：

img {
max-width: 100%;
height: auto;
}

這一段代碼可以讓圖片在網頁上自適應屏幕大小，并保持高寬比例。max-width: 100%可以使圖片最大顯示為屏幕大小，而height: auto則可以保持高寬比例不變。這樣圖片就可以在不同大小的屏幕上正常顯示，而不會變形或失真。

@media screen and (max-width: 600px) {
img {
max-width: 100%;
height: auto;
}
}

通過@media查詢可以在不同屏幕尺寸下應用不同的樣式，這樣可以更好地適配移動端設備。上述代碼表示如果屏幕寬度小于等于600px，圖片將采用和前文相同的樣式，即自適應寬度并保持高寬比例。

background-image: url("image.jpg");
background-size: 100% auto;

對于背景圖片，可以采用background-size屬性適配，將圖片按比例縮放以適配屏幕大小。代碼中的background-size: 100% auto表示圖片寬度為100%屏幕大小，高度根據比例自適應。

以上就是幾種方法進行CSS圖片適配手機屏幕的方式，需要針對實際情況靈活運用。合理的圖片適配可以提升網站用戶體驗并增加用戶留存率。