用css來控制圖片大小顯示的實(shí)現(xiàn)方法與代碼
更新時(shí)間:2007年03月22日 00:00:00 作者:
有時(shí)候圖片太大,會破環(huán)網(wǎng)頁整齊的布局。這時(shí)可以用css來強(qiáng)制按比例壓縮圖片的高度或?qū)挾?
css代碼如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
這樣當(dāng)圖片的高度或?qū)挾热舫^590px,將會按比例壓縮成590px,如果不超過則按原大小顯示。
css代碼如下:
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
這樣當(dāng)圖片的高度或?qū)挾热舫^590px,將會按比例壓縮成590px,如果不超過則按原大小顯示。
相關(guān)文章
提高網(wǎng)頁的效率 Use YSlow to know why your web Slow
內(nèi)容再豐富的網(wǎng)站,如果慢到無法訪問也是毫無意義的; SEO做的再好的網(wǎng)站,如果搜索蜘蛛抓不到也是白搭(頁面效率和搜索蜘蛛之間的關(guān)系,需要進(jìn)一步的確認(rèn),此為和上篇保持統(tǒng)一); UE設(shè)計(jì)的再人性化的網(wǎng)站,如果用戶連看都看不到也是空談。2008-09-09
讓IE ff Opera同時(shí)支持Alpha透明的方法
圖片的透明效果是網(wǎng)頁中需要用到的一種特殊形式,雖然不是非常的常用,但是遇到這樣的需求往往有點(diǎn)措手不及。2008-09-09
通過CSS Hack 區(qū)分 FF/IE7/IE6/IE5.5/IE5 代碼推薦
通過CSS Hack 區(qū)分 FF/IE7/IE6/IE5.5/IE5 代碼推薦...2007-01-01
關(guān)于td的height和line-height兼容問題
寫頁面的時(shí)候,遇到處理數(shù)據(jù)的時(shí)候還是要用TABLE的,但是有的時(shí)候顯示出來table, ie和ff的高不同。2008-04-04
動態(tài)更改網(wǎng)頁HTML元素(對象)內(nèi)容
動態(tài)更改網(wǎng)頁HTML元素(對象)內(nèi)容...2006-11-11
談?wù)劸W(wǎng)頁設(shè)計(jì)中的字體應(yīng)用Font Set
最近有不少人都提及了網(wǎng)頁上該如何選擇字體的問題。問題雖然小,但是卻是前端開發(fā)中的基本,因?yàn)槟壳暗木W(wǎng)頁,還是以文字信息為主,而字體,作為文字表現(xiàn)形式的最重要參數(shù)之一,自然有著相當(dāng)重要的地位。2008-09-09

