CSS背景鋪滿手機屏幕是網頁設計中常見的一項技術。借助CSS，我們可以將網頁背景圖片或顏色完全填充到手機屏幕上，增加頁面美觀度和用戶體驗。

/* 填充背景顏色 */
body {
background-color: #f5f5f5;
margin: 0;
padding: 0;
}
/* 填充背景圖片 */
body {
background-image: url("bg.jpg");
background-repeat: no-repeat;
background-size: cover;
margin: 0;
padding: 0;
}

其中，填充背景顏色的代碼很簡單，只需要在body標簽中加入background-color屬性即可，同時要將margin和padding設置為0，以避免留白。

而填充背景圖片需要多些CSS屬性，具體如下：

• background-image：設置背景圖片的URL
• background-repeat：設置背景圖片是否重復
• background-size：設置背景圖片大小，cover代表圖片盡量填滿屏幕
• margin、padding同樣需要設置為0

此外，在移動端設計中，也需要考慮不同手機設備的屏幕寬度與高度，以便更好地實現鋪滿屏幕的效果。可以使用CSS媒體查詢，根據屏幕寬度設置不同的字體大小、布局或元素隱藏，以適應不同的屏幕大小。

/* 媒體查詢，根據屏幕寬度設置不同的字體大小 */
@media only screen and (max-width: 480px) {
body {
font-size: 12px;
}
}
/* 媒體查詢，根據屏幕寬度隱藏元素 */
@media only screen and (max-width: 768px) {
.hd {
display: none;
}
}

CSS背景鋪滿手機屏幕是一項重要的移動端網頁設計技術，通過組合使用不同屬性和媒體查詢，可以實現更加美觀的頁面效果。