成人午夜激情影院,小视频免费在线观看,国产精品夜夜嗨,欧美日韩精品一区二区在线播放

兼容IE和Firefox的按圖片寬度縮放的CSS代碼

2010-08-28 10:54:37來源:西部e網(wǎng)作者:

今天遇到一個(gè)問題,就是文章中圖片縮放的問題,如果太寬就把頁面撐大了,以前我解決的方法是用javascript,判斷寬度然后計(jì)算出來高度,然后自適應(yīng)縮放大小,正好又遇到這個(gè)問題,網(wǎng)友問用css怎么樣解決?

其實(shí)網(wǎng)上解決這個(gè)的方法也比較多,icech這里給的一個(gè)代碼其實(shí)很簡(jiǎn)單,經(jīng)過測(cè)試是兼容IE6和Firefox3的,要預(yù)先設(shè)定img的寬度,高度通過 height:auto; 來自適應(yīng),針對(duì)Firefox用max-width來限制最大寬度,因?yàn)镮E下不認(rèn)識(shí)max-width,所以還是使用expression來控制,具體代碼如下:

img{ max-width:500px; height:auto; width:expression(this.width > 500 ? "500px" : this.width);}

這樣就用css完成了圖片按照寬度進(jìn)行自適應(yīng)的縮放,很簡(jiǎn)單吧?

關(guān)鍵詞:CSS

贊助商鏈接:

主站蜘蛛池模板: 三穗县| 宕昌县| 读书| 新平| 隆化县| 长垣县| 虹口区| 霞浦县| 扶沟县| 弋阳县| 吕梁市| 洞口县| 吐鲁番市| 酒泉市| 焦作市| 吉安县| 曲周县| 华容县| 桑植县| 佛冈县| 德保县| 江门市| 枝江市| 陆川县| 石泉县| 旺苍县| 交口县| 松潘县| 玉溪市| 登封市| 武强县| 安塞县| 都昌县| 锡林郭勒盟| 政和县| 丁青县| 湟中县| 那坡县| 衡阳市| 南澳县| 阿合奇县|