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

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

2010-08-28 10:54:37來源:西部e網作者:

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

其實網上解決這個的方法也比較多,icech這里給的一個代碼其實很簡單,經過測試是兼容IE6和Firefox3的,要預先設定img的寬度,高度通過 height:auto; 來自適應,針對Firefox用max-width來限制最大寬度,因為IE下不認識max-width,所以還是使用expression來控制,具體代碼如下:

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

這樣就用css完成了圖片按照寬度進行自適應的縮放,很簡單吧?

關鍵詞:CSS

贊助商鏈接:

主站蜘蛛池模板: 永宁县| 广元市| 新丰县| 蓝田县| 沙田区| 中阳县| 河池市| 河津市| 辰溪县| 晋中市| 文成县| 酉阳| 淮滨县| 亳州市| 宜兴市| 晋城| 郑州市| 旬邑县| 韶关市| 北宁市| 宁国市| 克什克腾旗| 和平县| 体育| 高雄市| 平乐县| 沾益县| 驻马店市| 东丽区| 辽源市| 阜城县| 泽州县| 岳普湖县| 桐庐县| 三门县| 库尔勒市| 阳新县| 株洲市| 蓝田县| 贡觉县| 大洼县|