容器已知宽高，图片宽高不定，图片填充满容器且不变形

已知父级盒子的宽高，子级img宽高未知，让img铺满父级且图片不变形，即图片铺满div且不变形。
核心
利用的是objec-fit属性。了解更多object-fit属性可以点这里。
html代码：

	<div>
        <img src="./picture.png" alt="图片" />
    </div>

Css代码

  		div {
            width: 300px;
            height: 200px;
            border: 2px solid #f0f;
        }

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

利用的是objec-fit属性。了解更多object-fit属性可以点这里。

如果对你有帮助，可以👍关注，我们一起学前端。😘