国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS控制圖片大小-適應寬度

2020-10-23 18:33:40
字體:
來源:轉載
供稿:網友
不知道家有沒有遇到過這樣的情況:在CSS控制圖片大小時,如果把圖片的寬度寫死,比如 img{width:500px;} ,固然,如果圖片寬度大于500px可以很好的控制它不讓它過大,但如果圖片寬度小于500px,比如說只有100px時,剛才的寫法會把這張圖擴大5倍顯示,顯然,這不是我們想看到的。

    那么,CSS如何可以區分對待這些圖片設置大小呢?很簡單,請看: 

復制代碼 代碼如下:

img{width:expression(this.width>500?"500px":this.width+"px"); }

    只要在CSS運用這段代碼,就可以分別控制大圖片與小圖片。它的意思就是,如果圖片寬度大于500px,那么圖片就以500px的大小顯示,如果小于的話,那么圖片就按照原有尺寸顯示!怎么樣,是不是確實很簡單?

弊端:增加客戶端的負荷,一般用js實現的比較多。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新昌县| 芦山县| 廉江市| 贞丰县| 永顺县| 丹棱县| 仙居县| 西青区| 昌乐县| 石泉县| 秀山| 上杭县| 仪陇县| 千阳县| 兴宁市| 侯马市| 胶南市| 西青区| 秦安县| 陇川县| 陆丰市| 宁津县| 温州市| 兰坪| 安新县| 兴业县| 涿鹿县| 灵丘县| 晋江市| 连平县| 蒙阴县| 吉林市| 宿松县| 义乌市| 任丘市| 荣昌县| 伊宁县| 钟祥市| 峨眉山市| 鄂伦春自治旗| 稷山县|