在移動端頁面設計中，背景圖的適配是一項十分重要的問題。如果不同設備的分辨率不同，背景圖大小不當，可能會導致頁面顯示不全或者頁面樣式錯亂等問題，影響用戶體驗。在這種情況下，我們需要使用CSS Background屬性進行背景圖的適配。

首先，在CSS中使用Background屬性定義背景圖，常見的包括Background-color、Background-image、Background-repeat和Background-size等。其中最關鍵的是Background-size這一屬性，它用于調整背景圖的大小，并且可以適應不同設備的分辨率。

代碼如下：

body{
background-image:url(bg.png);
background-repeat:no-repeat;
background-size:cover;
}

上面的代碼中，我們使用了Bg.png作為背景圖，并且設置了背景圖不重復，最關鍵的是使用了Background-size:cover屬性來保證背景圖可以適配不同的分辨率。這里的Cover屬性相當于是將背景圖縮放至最大，同時保持高寬比例不變。這一屬性可以讓背景圖一直覆蓋整個頁面，即使屏幕尺寸改變，避免了背景圖出現重復、失真等問題。

在實際的移動端頁面設計中，為了更好的適配不同的設備，可能還需要在CSS中添加@media規則，用來定義不同分辨率下的背景樣式。

代碼如下：

@media screen and (max-width: 480px){
body{
background-image:url(bg-480px.png);
background-size:cover;
}
}
@media screen and (max-width: 768px){
body{
background-image:url(bg-768px.png);
background-size:cover;
}
}
@media screen and (max-width: 1024px){
body{
background-image:url(bg-1024px.png);
background-size:cover;
}
}

上述代碼中，我們使用了@media規則定義了三個不同的分辨率下的背景圖。其中，當屏幕小于等于480px時，應用bg-480px.png作為背景圖，當屏幕小于等于768px時，應用bg-768px.png作為背景圖，當屏幕小于等于1024px時，應用bg-1024px.png作為背景圖。通過這種方式，不同分辨率下的不同背景圖，可以保證頁面顯示效果會更好。