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

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

css - PC端img適配的問題

瀏覽:101日期: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
相關文章:
主站蜘蛛池模板: 亚洲精品一区中文字幕 | 中日韩av| 91视视频在线观看入口直接观看 | 91一区二区三区在线观看 | 国产精品成人一区二区 | 成人免费视频在线观看 | 精品国产乱码久久久久久图片 | 国产精品久久久久影院色老大 | 成人特级毛片 | 国产线视频精品免费观看视频 | 免费黄色av网站 | 亚洲视频在线观看一区二区三区 | 久久免费国产 | 视频一区二区中文字幕 | 久久久91 | 伊人精品一区二区三区 | 99精品一级欧美片免费播放 | 欧美视频成人 | 黄网站在线播放 | 欧美黑人体内she精在线观看 | 亚洲日韩第一页 | 成人网av| cao视频| 一区二区三区小视频 | cao在线 | 日韩在线视频一区二区三区 | 99riav国产一区二区三区 | 国产日韩一区二区 | 亚洲综合色视频在线观看 | 一级二级三级在线观看 | 日韩视频免费看 | 欧美精品成人影院 | 一区二区三区高清 | 亚洲精品一区二区三区蜜桃久 | 亚洲成人免费电影 | 91色视频在线观看 | 日韩视频一区二区在线 | 色网在线观看 | 久久88 | 成人午夜免费网站 | 手机在线观看 |