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
相關文章:
主站蜘蛛池模板: 亚洲天堂日韩精品 | 久久这里只有精品首页 | 一级毛片免费视频 | 嫩草视频网站 | 欧美久久久久久久久中文字幕 | 亚洲综合久久久 | 亚州毛片 | 久热电影 | 亚洲欧美中文日韩在线v日本 | 色性av | 国产99视频精品免费播放照片 | 精品一区二区三区电影 | 国产日韩欧美综合 | 最新国产精品精品视频 | 欧美日韩在线免费 | 亚洲视频一区在线观看 | 国户精品久久久久久久久久久不卡 | 不卡一区二区三区四区 | 日韩www| 中文字幕免费中文 | 精品一区二区三区在线视频 | 国产一区二区精品自拍 | 日本在线播放一区二区 | 亚洲精品乱码久久久久久蜜桃 | 中文字幕视频在线看5 | 亚洲第一天堂 | 在线观看视频h | 国产精品久久久久久吹潮 | 午夜视频一区二区 | 成人精品啪啪欧美成 | 成人免费在线视频 | 91精品国产高清一区二区三区 | 日韩中文字幕视频在线观看 | av永久免费 | 男人的天堂亚洲 | 国产伦一区二区三区久久 | 中文字幕视频在线观看 | 本地毛片 | 91影院在线观看 | 成人免费区一区二区三区 | 免费播放一级片 |