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

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

css3 - 圖片等比例縮放

瀏覽:118日期:2023-07-15 14:52:57

問題描述

要將千奇百怪(尺寸)的圖片放在一個固定寬高的p/a標簽中,如何保持圖片不變形以及能讓用戶看到關鍵信息(裁剪掉冗余部分),其實我個人想法是對上傳過來的圖片統一壓縮成我想要的尺寸,這個怎么實現?

問題解答

回答1:

不確定你需要的關鍵信息是什么,但是如果這里的關鍵信息都包含了圖片的“中央”,那么居中顯示圖片即可,給固寬高的元素指定background。以下就是讓圖片等比居中布滿整個元素,多余的部分會被裁減:

.image-container { ... background-image: url(your/path/to/image.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; ...}回答2:

如果你圖片在一個p標簽里面,而這個p又設置好了高寬,可以通過設置圖片的background-size:100% 100%,來將圖片根據p的高寬實現自適應……

標簽: CSS
相關文章:
主站蜘蛛池模板: 久久69精品久久久久久国产越南 | 99热在这里只有精品 | 国产日韩一区二区三区 | 成年人网站在线观看视频 | 成人乱人乱一区二区三区软件 | 成人高潮片免费视频欧美 | 亚洲成人自拍 | 青娱乐一区二区 | 欧美电影一区 | 久久久久久久电影 | 亚洲欧洲在线观看视频 | 中文字幕国产一区 | 日韩精品一区二区三区在线观看 | 国产精品久久亚洲 | 日韩在线免费视频 | 免费国产黄网站在线观看视频 | 久久精品欧美一区二区三区麻豆 | 请别相信他免费喜剧电影在线观看 | 91精品国产综合久久精品 | 91资源在线| 欧美日韩精品久久久免费观看 | 成人免费在线观看 | 日韩成人免费中文字幕 | 激情国产在线 | 欧美啪啪网站 | 久久综合久色欧美综合狠狠 | 成人免费视频久久 | 在线观看日韩av | 久久久久一区二区 | 日韩免费视频 | 三级黄色片在线播放 | 亚洲福利在线观看 | 亚洲欧美日韩中文在线 | 中文字幕久久精品 | 日本a视频 | 精久久久 | 国产精品亚洲视频 | 黄色一级片在线播放 | 欧美精品一区二区在线观看 | 在线观看黄色电影 | 欧美一区视频 |