當(dāng)我們?cè)诰W(wǎng)頁(yè)制作中使用背景圖片時(shí)，可能會(huì)遇到一種需求——讓圖片自適應(yīng)屏幕，不出現(xiàn)滾動(dòng)條。這時(shí)候，我們可以采用CSS的背景屬性，通過(guò)一些設(shè)置來(lái)實(shí)現(xiàn)這個(gè)需求。

首先，在CSS中設(shè)置body元素的背景圖片，同時(shí)設(shè)置背景屬性的其他相關(guān)屬性：

body {
background-image: url('your-image-url');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

通過(guò)上面的代碼，我們?cè)O(shè)置了body元素的背景圖片，同時(shí)采用了no-repeat屬性禁止圖片重復(fù)，cover屬性讓圖片自適應(yīng)屏幕，center center屬性使圖片居中顯示。

接下來(lái)，我們需要設(shè)置一些與頁(yè)面內(nèi)容相關(guān)的屬性，以實(shí)現(xiàn)將背景圖片撐滿整個(gè)頁(yè)面的效果。比如，可以將內(nèi)邊距和外邊距都設(shè)置為0，使頁(yè)面內(nèi)容與邊界重疊。還要將頁(yè)面高度設(shè)置為100%。

html, body {
height: 100%;
margin: 0;
padding: 0;
}

通過(guò)上面的代碼，我們?cè)O(shè)置了html和body元素的高度均為100%，并將內(nèi)外邊距都設(shè)置為0。

這樣，我們就可以讓背景圖片自適應(yīng)屏幕，不出現(xiàn)滾動(dòng)條的效果了。如果需要進(jìn)一步調(diào)整，可以對(duì)CSS代碼進(jìn)行靈活修改。