css圖片自適應(yīng)大小
更新時間:2007年11月28日 16:26:14 作者:
復制代碼 代碼如下:
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;
}
相關(guān)文章
Javascript+CSS實現(xiàn)Flash動態(tài)新聞效果(pp原創(chuàng))
Javascript+CSS實現(xiàn)Flash動態(tài)新聞效果(pp原創(chuàng))2008-10-10兼容ie、firefox的圖片自動縮放的css跟js代碼分享
這個功能主要是解決內(nèi)容頁中的圖片過大撐出,導致頁面比較難看,就需要這樣的代碼,需要的朋友可以參考下2012-01-01