css设置图片根据最大边自适应

<div>
        <img src="1.jpg" alt="">
</div>


       div{
            width: 100px;
            height: 60px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

       img {
            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
        }