css圖片自適應(yīng)大小
更新時間：2007年11月28日 16:26:14 作者：
復(fù)制代碼 代碼如下:
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上通過.。在這里補(bǔ)充一下關(guān)于圖片的自適應(yīng),這點(diǎn)Mozilla做的比IE好,因?yàn)榭梢杂肅SS來控制圖片的自適應(yīng)。我們都知道Mozilla支持一個max-width 的CSS語法。于是我們這樣這樣定義圖片的全局樣式。
復(fù)制代碼 代碼如下:
img{
max-width:100%;height:auto;
}
相關(guān)文章
Javascript+CSS實(shí)現(xiàn)Flash動態(tài)新聞效果（pp原創(chuàng)）
Javascript+CSS實(shí)現(xiàn)Flash動態(tài)新聞效果（pp原創(chuàng)）2008-10-10
在頁面預(yù)覽客戶端本地圖片的js代碼(兼容FF IE)
IE為了安全是不允許頁面預(yù)覽客戶端本地圖片的，也就是img元素的SRC是相對路徑 不可能是絕對路徑的 為了達(dá)成這一需求 需要使用濾鏡2012-05-05
我們寫網(wǎng)頁的時候一般的用IE進(jìn)行開發(fā)，一般的人都是按照IE進(jìn)行些程序，做網(wǎng)站的時候遇到瀏覽器兼容問題是非常煩躁的事情。2010-12-12
兼容ie、firefox的圖片自動縮放的css跟js代碼分享
這個功能主要是解決內(nèi)容頁中的圖片過大撐出，導(dǎo)致頁面比較難看，就需要這樣的代碼，需要的朋友可以參考下2012-01-01
新浪網(wǎng)的一個圖片展示效果！不錯的效果！共享一下。2008-07-07
純CSS實(shí)現(xiàn)的漂亮的立體圖片邊框效果，陰影代碼
純CSS 漂亮的立體圖片邊框效果，圖片陰影代碼，個人覺得這個挺實(shí)用，CSs實(shí)現(xiàn)的，定義成類，可讓你整個網(wǎng)頁上的圖片都是有立體陰影的，不錯吧，感謝作者分享。2010-10-10
超不錯的圖片友情鏈接滾動特效,橫向排列,帶控制按鈕,這里已經(jīng)將橫向鎖定,不能將其修改為豎向的,否則會出錯,專一用于橫排的圖片滾動,也可以不用作友情鏈接,產(chǎn)品滾動當(dāng)然也可以哦.2009-10-10
圖片放大鏡效果代碼...2007-11-11
3張圖片循環(huán)組和(很有動感)...2006-07-07
看到alibaba的一個圖片切換效果，感覺不錯，想拿來用用。但代碼一大堆的，看著昏，還是自己來吧。 由于有了做圖片滑動展示效果的經(jīng)驗(yàn)，做這個就容易得多了。2008-09-09