例項

將影象寬度和高度分別設定為 200 畫素：

<img src="/i/mouse.jpg" height="200" width="200" />

使用百分比值

使用 width 屬性的最後一個技巧是使用百分比值來代替畫素的絕對值。這將使瀏覽器按照與瀏覽器顯示視窗的一定比例來縮放影象。因此，如果要建立一個寬度與顯示視窗寬度相同，高度為 30 個畫素的彩色橫條，可以這樣實現：

<img src="/i/ct_1px.gif" width="60%" height="30px" />

當文件視窗的大小改變時，這個影象的大小也會隨之改變：

提示：如果提供了一個百分比形式的 width 值而忽略了 height，那麼不管是放大還是縮小，瀏覽器都將保持影象的寬高比例。這意味著影象的高度與寬度之比將不會發生變化，影象也就不會發生扭曲。

<img src="/i/ct_1px.gif" width="20%" />

再分享一下我老師大神的人工智慧教程吧。零基礎！通俗易懂！風趣幽默！還帶黃段子！希望你也加入到我們人工智慧的隊伍中來！