CSS是網頁設計中必不可少的一部分，通過CSS可以美化網頁，使其更加吸引人。其中圖片也是網頁設計中不可或缺的一部分，可以突顯網頁的視覺效果。在使用CSS調節圖片寬度時，我們可以采用下列方法。

img {
max-width: 100%;
}

上述代碼的作用是將圖片的寬度設置為適合瀏覽器窗口的最大寬度，可以保證圖片不會因過度拉伸而失真。如果圖片尺寸小于瀏覽器窗口的大小，圖片會按照原本的大小展示。這個方法是自適應的，非常適用于響應式網站設計。

img {
width: 50%;
}

如果我們想要限制圖片的最大寬度，同時又希望圖片展示出來的寬度不受瀏覽器大小的影響，可以使用上述代碼。這個方法會將圖片的寬度設置為父元素寬度的50%，但是如果父元素寬度小于圖片本身寬度，圖片也不會被壓縮。這個方法非常適用于固定寬度的網站設計。

當然，還有其他一些CSS方法可以調節圖片的寬度，但是上述兩個方法是最為常用的。通過這些方法，我們可以有效地控制圖片的寬度，使其更加符合網頁設計的要求。