CSS可以幫助我們輕松地控制網頁上的各種元素，其中圖片寬度也是一個很重要的方面。在許多情況下，我們希望圖片的寬度能夠自適應屏幕或父級容器的大小，這時候我們可以使用CSS的圖片寬度100%屬性。

img {
width: 100%;
}

上面的CSS代碼告訴瀏覽器，圖片應該將自己的寬度設置為其父級容器的寬度。這意味著，無論父級容器有多寬，圖片都會自動地適應它。

如果我們希望圖片的高度也能自適應，則可以將高度設置為自動：

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

這樣一來，無論圖片的寬高比是什么，圖片都會保持其比例，并且適應其容器。

除了使用全局的圖片寬度100%屬性，我們還可以給每個圖片單獨指定寬度：

這個示例中，我們將圖片的寬度指定為500像素，因此無論其父級容器的寬度如何，圖片都會保持在這個大小。

總之，我們可以使用CSS的圖片寬度100%屬性輕松地控制網頁上的圖片大小和自適應性，從而讓我們的網頁外觀更加美觀和適合各種設備。