CSS背景鋪滿手機(jī)屏幕是網(wǎng)頁設(shè)計(jì)中常見的一項(xiàng)技術(shù)。借助CSS，我們可以將網(wǎng)頁背景圖片或顏色完全填充到手機(jī)屏幕上，增加頁面美觀度和用戶體驗(yàn)。

/* 填充背景顏色 */
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標(biāo)簽中加入background-color屬性即可，同時(shí)要將margin和padding設(shè)置為0，以避免留白。

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

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

此外，在移動(dòng)端設(shè)計(jì)中，也需要考慮不同手機(jī)設(shè)備的屏幕寬度與高度，以便更好地實(shí)現(xiàn)鋪滿屏幕的效果?？梢允褂肅SS媒體查詢，根據(jù)屏幕寬度設(shè)置不同的字體大小、布局或元素隱藏，以適應(yīng)不同的屏幕大小。

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

CSS背景鋪滿手機(jī)屏幕是一項(xiàng)重要的移動(dòng)端網(wǎng)頁設(shè)計(jì)技術(shù)，通過組合使用不同屬性和媒體查詢，可以實(shí)現(xiàn)更加美觀的頁面效果。