css img 自适应

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

css object-fit

你可能感兴趣的:(Html,Css,css,img,适应)