CSS背景圖是網頁設計中經常使用的一種元素，可以使頁面更加生動和美觀。在設置背景圖的寬度時，我們需要注意避免出現超出屏幕大小的問題。

為了解決這個問題，我們可以采用CSS中background-size屬性設置背景圖的大小。這個屬性可以接受兩個值，分別對應背景圖的寬度和高度。

background-size: 100% auto;

上面的代碼表示背景圖的寬度為100%，高度為自適應。這樣，在不同設備上，背景圖的大小都可以適應屏幕的大小，避免出現超出屏幕的情況。

除了使用background-size屬性外，我們還可以通過CSS中的background-position屬性來調整背景圖的位置，以便更好地展示背景圖。

background-position: center top;

上面的代碼表示將背景圖居中對齊，并且讓它與頁面頂部對齊，這樣可以更好地展示背景圖的重要內容。

綜上所述，設置背景圖的寬度時需要注意避免超出屏幕大小的問題，我們可以使用background-size和background-position屬性來實現。這樣可以使網頁更加美觀，用戶體驗更加良好。