在網頁開發中，我們經常需要在頁面中插入圖片，但是圖片的大小不一定符合我們的需求。這時候，我們就需要使用 CSS 來固定圖片的寬度。

在 CSS 中，我們可以使用width屬性來設置圖片的寬度。通常情況下，我們會將圖片的寬度設置為一個固定的像素值，比如200px。

img {
width: 200px;
}

這樣一來，無論圖片本身的寬度是多少，它都會被固定為200px，并且圖片的高度也會按照比例縮放。

如果我們將圖片的寬度設置為百分比，它就會隨著瀏覽器窗口的大小自動調整。比如，如果我們將圖片的寬度設置為50%，那么圖片的寬度就會占據瀏覽器窗口的一半：

img {
width: 50%;
}

需要注意的是，如果圖片的原始大小小于固定寬度，那么圖片就會被拉伸，從而導致失真。因此，我們應該盡可能地讓圖片的尺寸與預期的寬度一致。

此外，如果我們需要設置圖片的最大寬度，可以使用max-width屬性。比如，如果我們希望圖片的寬度不超過500px，可以這樣設置：

img {
max-width: 500px;
}

這樣一來，如果圖片的原始寬度小于500px，它就會按照原始大小顯示。如果圖片的原始寬度大于500px，它就會被縮放到500px的寬度。

綜上所述，通過設置width和max-width屬性，我們可以輕松地固定圖片的寬度，并且讓圖片自適應不同的瀏覽器窗口大小。