首先，我們需要明確移動端開發中最重要的一點就是響應式設計，即能夠自動適應不同的設備屏幕大小和分辨率。所以，背景圖也需要適應手機不同大小的屏幕。而最常用的方法是利用CSS3的background-size屬性設置圖片的寬高，讓背景圖自適應大小。

background-size: cover;

通過設置為“cover”，即可使背景圖自適應裁切到適應屏幕的大小。但是，需要注意的是，背景圖在移動設備上顯示會消耗大量的資源，所以使用不當會導致頁面卡頓，影響用戶體驗。因此，建議不要使用過大的背景圖，優化圖片大小和體積，可以使用圖片壓縮工具對圖片進行壓縮處理。

另外，針對手機上的多屏幕適配，還需要利用CSS3的background-position屬性進行定位。在這里，我們可以使用百分比或absolute關鍵字進行設置。

background-position: 50% 50%;
background-position: center center;
background-position: left top;
background-position: right bottom;

可以根據具體需求進行選擇。對于需要固定背景圖的頁面，需要使用background-attachment屬性，并將其設置為fixed。

background-attachment: fixed;

這樣，即可實現圖片的固定不動，可以增加頁面的美感和互動性。

綜上所述，移動端背景圖適配需要注意響應式設計、圖片大小優化以及background-size、background-position和background-attachment屬性的使用。只有在這些方面細致入微地進行處理，才能實現適合所有移動設備的優質的網頁設計。