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

2024-09-07 16:08:22

给新手的福利,还是记一下吧.......很简单

<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;

        }

(普及知识: 小程序更简单(使图片的长边能完全显示出来) 直接修改 mode值)

最新文章

热门文章