這個使用尤其中手機屏幕上最有用。

有喜歡方法：

function ReImgSize(){ for (j=0;j<document.images.length;j++) { document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width; } } 

然后在body區(qū)域加上onload="ReImgSize()" 就可以了。經(jīng)過測試,在Mozilla和IE上通過.。在這里補充一下關(guān)于圖片的自適應(yīng),這點Mozilla做的比IE好,因為可以用CSS來控制圖片的自適應(yīng)。我們都知道Mozilla支持一個max-width 的CSS語法。于是我們這樣這樣定義圖片的全局樣式。

img{ max-width:100%;height:auto; } 

這樣圖片就回在div或table內(nèi)自動適應(yīng)其大小了。 

Firefox/Opera/IE7都提供了max-width屬性支持。

假定希望圖片顯示寬度不超過500像素，CSS可能如下：

以下為引用的內(nèi)容：

fit-image{ border:0; max-width:500px; } 

讓我痛恨的IE6不支持max-width屬性，但是利用IE獨有的expression屬性能夠迂回的解決這個問題。

以下為引用的內(nèi)容：

fit-image{ border　　:0; max-width:500px; width:expression( function(img){ img.onload=function(){ this.style.width=’’; this.style.width=(this.width>500)?"500px":this.width+"px" }; return’120px’　//加載時顯示寬度為120px }(this) ); } 

利用<img>的onload事件使圖片加載完成后計算其尺寸大小，假如超過500像素就顯示為500像素，否則顯示其默認寬度。

expression不是符合WEB標(biāo)準(zhǔn)的做法，不到萬不得以不建議使用。