可隨螢幕自動縮放的圖片

以下是使用圖檔標籤內的屬性 width="100%" ，就可以達到自動縮放的圖片效果
這是使用 width=

以下是使用圖檔標籤內的屬性 width="50%" ，就可以改變自動縮放的圖片效果
這是使用 width=

可隨螢幕自動縮放的圖片
原始圖檔 pic01.jpg 尺寸為 600 X 450 。
使用最基本的 HTML 圖檔標籤，也可達成一樣效果。
請使用滑鼠嘗試伸縮這個網頁頁面，便可看出效果。
你也可以在此圖檔上使用滑鼠右鍵，選擇內容，查看你伸縮過的尺寸。
注意：此圖檔語法也不可放於表格內，此處的 height="xx%" 是無作用的喔。
優點：一個網頁可放兩張以上圖檔語法。
缺點：載入的圖檔大小就是原有尺寸，如用於縮小之處將無法節省檔案大小。
展示結果與 HTML 標籤如下：
<img src="pics/pic01.jpg" width="100%" height="100%" border="0" alt="這是可以自動縮放的圖片效果">
本報導資料來源：Webpage Study Studio

請按瀏覽器的檢視原始碼查看