色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

css3 - 圖片等比例縮放

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

問題描述

要將千奇百怪(尺寸)的圖片放在一個(gè)固定寬高的p/a標(biāo)簽中,如何保持圖片不變形以及能讓用戶看到關(guān)鍵信息(裁剪掉冗余部分),其實(shí)我個(gè)人想法是對(duì)上傳過來(lái)的圖片統(tǒng)一壓縮成我想要的尺寸,這個(gè)怎么實(shí)現(xiàn)?

問題解答

回答1:

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

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

如果你圖片在一個(gè)p標(biāo)簽里面,而這個(gè)p又設(shè)置好了高寬,可以通過設(shè)置圖片的background-size:100% 100%,來(lái)將圖片根據(jù)p的高寬實(shí)現(xiàn)自適應(yīng)……

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 欧美亚洲国产一区 | 99视频福利 | 国产免费一区二区三区免费视频 | 久久国产精品一区二区三区 | 精品国产91久久久久久久a | 男女上下爽无遮挡午夜免费视频 | 成人免费夜片在线观看 | 女初高中福利视频在线观看 | 国产男女爽爽爽爽爽免费视频 | 一级做a爰片久久毛片唾 | 美女被cao免费看在线看网站 | 日韩黄色视屏 | 久久久综合视频 | 宅男噜噜噜一区二区三区 | 成年人免费网站视频 | 久久a 热6 | 久久综合一区二区三区 | 国产精品亚洲午夜不卡 | 欧美成网站 | 黑人巨大交牲老太 | 欧美一级www | 99久久精品免费 | 亚洲精品国产一区二区图片欧美 | 久久久久久久国产a∨ | 在线视频一区二区三区在线播放 | 日韩中文字幕精品久久 | 国产手机在线国内精品 | 亚洲社区在线观看 | 成人五级毛片免费播放 | 成人免费看黄网址 | 真实国产乱人伦在线视频播放 | aaa在线观看 | 三级网站视频在线观看 | 免费的特黄特色大片在线观看 | 日本精品一区二区三区在线视频 | 成人毛片网| 欧美一级毛片在线播放 | 91九九 | 欧美一区高清 | 精品欧美一区二区三区在线观看 | 视频三区精品中文字幕 |