成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? CSS控制圖片大小-適應寬度
全站頭部文字 我要出現在這里
CSS控制圖片大小-適應寬度 786 2024-04-05   

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

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


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

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

弊端:增加客戶端的負荷,一般用js實現的比較多。


主站蜘蛛池模板: 杨幂的视频| 皇家骑士团外传| 李顺大造屋| 成人在线播放网站| 周记作文| 蝴蝶视频在线观看| 新白娘子传奇剧情| 凤凰资讯台| 咏春拳电影| 夜魔3| 金允石| 白浩| 芜湖新闻| 2006年全国一卷语文作文| 李保国电影| 现代短诗繁星| 宇宙巨人希曼| 出彩中国人撒贝宁精忠报国15分钟| 沟通能力自我评价| 三级大片在线观看| 男男大尺度无删减床戏| 浙江卫视网络直播源| 地球球花 电影| 一夜风流| 马路须加学园| 音乐僵尸演员表| 黄色网址视频| 好男人电视剧| 第一财经现场直播| 饥渴的爱| 盛健| 铁血使命电视剧演员表| 二年级拍手歌生字组词| 净心神咒原文| 王牌空战| a friend in need中文翻译| 老司机avhd101高清| 法尔| 封神第一部| 花飞满城春 电影| 尘埃落定演员表|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103