在進行網站設計時，我們有時需要在頁面中設置背景圖，這能給頁面增加美觀度和視覺效果。但是，當我們設置背景圖寬度時，可能會發現如果這個寬度值超過了屏幕寬度，那么圖片會被裁切或無法完全顯示，這對頁面設計會產生不利的影響。
在這種情況下，我們可以使用CSS進行控制，來確保背景圖的寬度不超出屏幕。具體實現方法如下：
1. 使用background-size屬性
background-size屬性可以用來設置背景圖片的大小，包括設置圖片的寬度和高度。我們可以使用該屬性來確保背景圖片的寬度不超出屏幕大小。設置方式如下：

css
body {
background-image: url('your-image-url');
background-size: 100% auto;
background-repeat: no-repeat;
}

這里將background-size設置為100% auto，表示將背景圖片的寬度設置為與屏幕等寬，而高度則自適應。這樣，無論屏幕大小如何，背景圖片的寬度都不會超出屏幕。
2. 使用background-position屬性
如果網頁中的背景圖片不能適用于background-size屬性，使用background-position也是一種有效的方法。我們可以使用background-position屬性來控制背景圖片在頁面居中顯示，但是依然保證寬度不超出屏幕。

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

上述代碼在background-position屬性中設置值為center，表示將背景圖片在頁面居中顯示，而且寬度不超出屏幕。這樣，我們就能夠實現背景圖片的美觀顯示，而不會影響網頁的其他元素。
總之，對于網頁背景圖片設置寬度時不超出屏幕的問題，上述方法可以實現有效的解決。我們可以根據實際情況選擇使用background-size屬性或background-position屬性，來確保網頁的背景圖片能夠實現良好的顯示。