图片自动填满（非拉伸） 幻幻Fate 2019年10月18日 0 1,721次浏览 图片自适应

需要将img放在一个div里面

html：

<div class="xy-album-item">
    <img class="xy-album-cover" src="" />
</div>

css：

.xy-album-item {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.xy-album-item .xy-album-cover {
    height: 100%;
    width: 100%;
    object-fit: contain;
    vertical-align: top;
}

效果图：