在 HTML 中，img 元素可以用于插入圖像、圖標或其他類型的圖片。如果你使用了一個大的圖像，既然它很精細，那么可能會導致你的網頁加載速度變慢。而且，過大的圖片會導致網頁的排版變得混亂。在這種情況下，設置 img 標簽的寬度屬性可以達到縮放圖片的目的。

使用 CSS 中的 width 屬性可以定義 img 元素的寬度。下面是 CSS 設置 img 寬度標準語法:

img {
width: value;
}

上述代碼中， value 必須是一個帶單位的值，例如像素(px)，百分比(%)，視窗寬度(vw)等。當我們以百分比形式定義寬度時，圖片的寬度將相對于它的容器而言。請看下面的示例：

img {
width: 50%;
}

上述代碼將圖片寬度設置為容器的 50％，從而使圖片在頁面上縮小到一半大小。 如果我們想要強制圖片保持其原始寬度，可以這樣寫：

img {
width: 100%;
max-width: initial;
}

在上面的代碼中，img 標簽的 max-width 屬性設置為初始值(initial)，從而保持圖片的原始寬度不受影響。 通過使用 CSS 定義圖像的寬度，可以幫助我們更好地控制圖像的大小和網頁的排版，從而提高網頁的用戶體驗。