实用教程 如何让img里的图片自适应div,并填充不变形?

参与数
0
被浏览
18
写回答 DATE:2019-10-08
迷途
主题数:182 回答数:412 被采纳:51 被赞同:24

img标签在固定高宽的div里的显示,除了JS,以及背景图片,可以试一下使用css属性object-fit属性。

它的几个属性

fill(不保持纵横比缩放图片,使图片完全适应)
contain(保持纵横比缩放图片,使图片的长边能完全显示出来)
cover(保持纵横比缩放图片,只保证图片的短边能完全显示出来)none(保持图片宽高不变)scale-down(当图片实际宽高小于所设置的图片宽高时,显示效果与none一致;否则,显示效果与contain一致)
inherit
initial
unset



最新回复 (0)
返回
[复制本页网址]
Date...
*四叶草提供天气查询