可以使用css的object-fit属性

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