在CSS中，可以使用背景圖片并將其變寬以適應(yīng)不同的屏幕寬度，以下是一些方法來實現(xiàn)這一目標：

1、使用CSS的background-size屬性：

該屬性允許您指定背景圖片的大小，如果您希望背景圖片的寬度為100%，可以將其設(shè)置為：

```css

body {

background-image: url('path-to-your-image.jpg');

background-size: 100% 100%;

}

```

這將使背景圖片的寬度和高度都等于其原始大小。

2、使用background-repeat屬性：

該屬性控制背景圖片的重復(fù)方式，如果您希望背景圖片在水平方向上重復(fù)，可以將其設(shè)置為：

```css

body {

background-image: url('path-to-your-image.jpg');

background-repeat: repeat-x;

}

```

這將使背景圖片在水平方向上重復(fù)，從而填充整個屏幕寬度。

3、使用background-position屬性：

該屬性允許您控制背景圖片的位置，如果您希望背景圖片從左側(cè)開始，可以將其設(shè)置為：

```css

body {

background-image: url('path-to-your-image.jpg');

background-position: left;

}

```

這將使背景圖片從左側(cè)開始顯示，無論屏幕寬度如何變化。

4、使用媒體查詢（Media Queries）：

媒體查詢允許您根據(jù)屏幕寬度調(diào)整樣式，如果您希望在小屏幕設(shè)備上顯示窄背景圖片，可以編寫如下CSS：

```css

@media (max-width: 600px) {

body {

background-image: url('path-to-your-small-image.jpg');

background-size: 100% 100%;

}

}

```

這將確保在小屏幕設(shè)備上顯示窄背景圖片，而在大屏幕設(shè)備上顯示寬背景圖片。

通過結(jié)合使用這些CSS屬性，您可以輕松地在不同屏幕寬度上調(diào)整背景圖片的寬度和位置。