如何让图片保持原比例,占满整个盒子

在项目的过程中,经常遇到客户上传的图片,有些图片的大小和盒子的大小不匹配。我们有时候会采用裁剪图片,有时候会使用最铺满这个盒子类似(background-size:contain)。

给图片设置成max-width:100%;max-height:100%;

具体代码如下:




    
    Document
    


    


效果如下:


如何让图片保持原比例,占满整个盒子_第1张图片

你可能感兴趣的:(css布局,前端,布局)