CSS样式图片放在DIV里面，自动填充充满，且不变形

CSS样式图片放在DIV里面，自动填充充满且不变形

一、图片用img标签存放

HTML如下：

<div>
    <img src="..." alt="">
<div>

img样式如下设置，div要设置长和宽度：

img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 二、用div的background属性