css img自适应

 

 

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

 

posted @ 2020-08-19 09:45  ___mouM  阅读(3376)  评论(0编辑  收藏  举报