如果你在網頁開發中使用了CSS來控制圖片的大小，卻發現圖片在頁面上顯示過寬，那么你可以按照以下步驟來解決：

img {
max-width: 100%;
height: auto;
}

在CSS代碼中添加上述樣式，其中max-width: 100%;表示圖片寬度最大不超過父元素的寬度，而height: auto;則保持圖片高度與寬度的比例不變。這樣設置后，無論圖片大小和父元素大小如何，圖片都會根據父元素大小自適應調整大小了。

另外，如果你覺得圖片在縮小后不夠清晰，你可以使用高分辨率圖片。在CSS代碼中，可以添加以下樣式：

@media screen and (-webkit-min-device-pixel-ratio: 2), 
screen and (min--moz-device-pixel-ratio: 2),
screen and (-o-min-device-pixel-ratio: 2/1),
screen and (min-device-pixel-ratio: 2) {
 img {
background-size: cover !important;
background-image: url(/images/high-resolution-image.jpg) !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-repeat: no-repeat !important;
 }
}

在這個樣式中，使用@media查詢來檢測設備像素比率，如果設備為高分辨率設備，則用更高分辨率的圖片來替換原有的圖片。

有了上述樣式的設置，就可以輕松處理CSS圖片過寬的問題，同時讓圖片在不同的設備上都能達到最佳效果。