CSS背景如何自適應(yīng)屏幕

在CSS中，背景圖片的自適應(yīng)屏幕主要依賴于背景尺寸（background-size）和背景位置（background-position）兩個(gè)屬性。

背景尺寸屬性用于指定背景圖片的大小，其值可以是具體的像素尺寸，如“200px 300px”；也可以是相對(duì)于元素尺寸的比例，如“100% 100%”，這樣，背景圖片就可以根據(jù)元素的大小自動(dòng)調(diào)整尺寸了。

背景位置屬性用于指定背景圖片在元素內(nèi)部的起始位置，其值可以是具體的像素位置，如“50px 50px”；也可以是相對(duì)于元素尺寸的比例，如“50% 50%”，這樣，背景圖片就可以根據(jù)元素的尺寸自動(dòng)調(diào)整其在元素內(nèi)部的位置了。

需要注意的是，如果背景圖片的尺寸小于元素的尺寸，那么背景圖片會(huì)被拉伸到填充整個(gè)元素，為了避免這種情況，可以使用背景重復(fù)（background-repeat）屬性來(lái)指定背景圖片是否重復(fù)以及如何重復(fù)。

通過(guò)CSS中的背景尺寸、背景位置和背景重復(fù)三個(gè)屬性，可以實(shí)現(xiàn)背景圖片的自適應(yīng)屏幕。