如何使用CSS缩放图像以填充div并保持纵横比？

我想用一个 div 填充img，保持纵横比并根据需要拉伸宽度或高度以适应。

<div style="width: 80px; height: 80px">
    <img src="..." />
</div>

我怎样才能实现它？如果图像不是二次方的，则必须将其“放大”，并根据哪一侧较大而进行上下或左右剪切。此外，图像随后应居中，以便均匀地切割角。

我尝试过（但没有效果）：

.thumb {
    max-width:100%;
    max-height:100%;
}

如果我添加额外的width: 100%; height:100%;，图像完美契合，但调整大小后并未保留aspect ratio.

下面的方法成功了：

    width:100%;
    height:100%;
    object-fit: cover;
    overflow: hidden;