這個記得以前有人問過我,但是我那時還沒有注意這些. 現(xiàn)在終于遇到這個問題了.因為 img 標(biāo)簽是沒有 onload 事件的.所以 UBB 代碼中的img用到的onload來處理大的圖片進(jìn)行自適應(yīng),這樣的辦法就不能采取了.
但是經(jīng)過測試,body還是可以帶onload事件的, 所以我解決的辦法就是在頁面全部加載完后再處理太大的圖片.
于是我用JS寫了一段簡單的代碼
相關(guān)代碼
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 上加上 onload="ReImgSize()" 就可以了.
經(jīng)過測試,在Mozilla和IE上通過.
在這里補充一下關(guān)于 圖片的自適應(yīng),這點Mozilla做的比IE好,因為可以用CSS來控制圖片的自適應(yīng).
我們都知道 Mozilla 支持一個 max-width 的CSS語法.于是,我們這樣這樣定義圖片的全局樣式
相關(guān)代碼
img{
max-width:100%;height:auto;
}
這樣圖片就回在div或table內(nèi)自動適應(yīng)其大小了.
