av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - PC端img適配的問題

瀏覽:100日期:2023-01-16 15:58:53

問題描述

為了防止圖片變形,規定了<img>標簽的width:100%;height:auto;但是,這樣會出現兩種情況:1、圖片高度無法填充滿容器2、圖片高度大于容器的高度針對第二個問題,我直接規定容器overflow:hidden;但是,第一個問題該如何解決,如果將<img>高度設置為100%的話,就會變形.請大神們幫忙解答..

問題解答

回答1:

用p代替img 使用background-size:100%;

回答2:

圖片不變形就需要保證其橫縱比->容器與圖片橫縱比相同->不可修改圖片就需要重新規劃布局

可修改圖片從而達到圖片不“變形” 將圖片采用background-image

回答3:

再提供另一種方案,即容器固定,圖片自適合:

img { max-width: 100%; max-height: 100%;}回答4:

可以嘗試下樓上的方案,如果不行就需要用JS獲取圖片寬高再進行判斷動態設置width:100%或者height:100%

標簽: CSS
相關文章:
主站蜘蛛池模板: 亚洲国产一区二区三区 | 91丨国产 | 真人女人一级毛片免费播放 | 特级特黄特色的免费大片 | 国产精品第2页 | 亚洲精品久久久久久宅男 | 亚洲黄色国产 | 99爱免费 | 精品一二区 | 欧美一级片在线看 | 伊人久久大香线 | 精品美女视频在免费观看 | 成人在线小视频 | 久久人人爽人人爽人人片av免费 | 欧美不卡一区二区三区 | 日韩国产在线观看 | 黄色片在线看 | 久久久91精品国产一区二区精品 | 成人毛片视频在线播放 | 一区二区免费看 | 午夜在线小视频 | 久久精品一区二区三区四区 | 国产精品久久久久久238 | h肉视频 | 黄色大片在线 | 久久久久久久久久久福利观看 | 欧美一区二区三区电影 | 国产精品视频在线播放 | 在线亚洲欧美 | 精品国产欧美 | 青青草av| 成人久久久 | 欧美日韩在线观看视频 | 网站黄色在线免费观看 | 日韩视频成人 | 日本一区二区三区免费观看 | 午夜视频在线 | 亚洲国产精品成人 | 久久1区 | 国产成人91 | 国产日韩欧美在线 |