How to Adjust Image Size in HTML

通过JavaScript改变img的width属性的方法有多种，其中常用的包括：直接修改style属性、使用setAttribute方法、通过类名修改样式等。 例如，直接修改style属性是一种非常直观和简单的方法，可以通过JavaScript代码直接设置img元素的宽度。

就是這張圖片的排版寬度，也就是從你 CSS 樣式中設定的 img 寬度，或從 img 標籤的 width 屬性判斷得知！ 當你有用 srcset 建議也要同時設定好 width 或下面會提到的 sizes 屬性，目的是幫助瀏覽器有足夠資訊判斷應該要下載哪個尺寸的圖片。

CSS width 寬度屬性是用來控制網頁元素寬度的功能，width 可以接受自動判斷寬度（auto）、自訂寬度百分比（%）或者是繼承自父層的 wi dth 屬性值，CSS width 屬性可以用在 DIV 區塊 、 span 區域、圖片（img 標籤）、文字輸入欄位（textarea）、按鈕（button）…