CSS控制圖片大小-適應(yīng)寬度
更新時間：2008年07月19日 12:57:10 作者：
以前一直用js控制圖片的大小，有的時候我們的廣告也會被變得很小，所以一般都是直接在內(nèi)容區(qū)控制，圖片大小，這個方法用css 的expression方法
不知道家有沒有遇到過這樣的情況：在CSS控制圖片大小時，如果把圖片的寬度寫死，比如 img{width:500px;} ，固然，如果圖片寬度大于500px可以很好的控制它不讓它過大，但如果圖片寬度小于500px，比如說只有100px時，剛才的寫法會把這張圖擴大5倍顯示，顯然，這不是我們想看到的。
那么，CSS如何可以區(qū)分對待這些圖片設(shè)置大小呢？很簡單，請看：
img{width:expression(this.width>500?"500px":this.width+"px"); }
只要在CSS運用這段代碼，就可以分別控制大圖片與小圖片。它的意思就是，如果圖片寬度大于500px，那么圖片就以500px的大小顯示，如果小于的話，那么圖片就按照原有尺寸顯示！怎么樣，是不是確實很簡單？
弊端：增加客戶端的負荷，一般用js實現(xiàn)的比較多。
那么，CSS如何可以區(qū)分對待這些圖片設(shè)置大小呢？很簡單，請看：
復(fù)制代碼 代碼如下:
img{width:expression(this.width>500?"500px":this.width+"px"); }
只要在CSS運用這段代碼，就可以分別控制大圖片與小圖片。它的意思就是，如果圖片寬度大于500px，那么圖片就以500px的大小顯示，如果小于的話，那么圖片就按照原有尺寸顯示！怎么樣，是不是確實很簡單？
弊端：增加客戶端的負荷，一般用js實現(xiàn)的比較多。
相關(guān)文章
IE6，IE7和firefox對DIV的支持區(qū)別...2007-09-09
做網(wǎng)頁經(jīng)常要注意的常識 整理收集...2007-03-03
用css來實現(xiàn)自動截取文字，不需要后臺程序和JS的使用。2008-06-06
Iframe自適應(yīng)高度兼容ie,firefox多瀏覽器
從網(wǎng)上找的Iframe自適應(yīng)高度，不是自已寫的！ 從哪找的忘了，要不一定寫明出處！ 放出來給自已留個備份！2008-04-04
h1標(biāo)簽的使用技巧...2007-11-11
CSS可以輕易實現(xiàn)文字的水平居中，但有時我們需要文字垂直居中，除了表格可以實現(xiàn)這種CSS文字垂直居中以外，還有其它幾種方法可以做到2020-01-01
CSS opacity - 實現(xiàn)圖片半透明效果的代碼
CSS opacity - 實現(xiàn)圖片半透明效果的代碼...2007-03-03
列表前的小方塊有的用圖片，但我最近做的項目很快用圖片就被我否則掉了，因為有多套風(fēng)格，如果有4套難道要做4組圖片？那以后呢？2008-07-07
比較經(jīng)典的分頁樣式代碼，主要是多數(shù)字分頁2008-06-06
針對瀏覽器隱藏CSS之獨孤九劍...2007-03-03