最近在实际运用中，发现需要将图片放置于一个DIV层中，实现的效果要求是让图片宽高都自动铺满，也就是图片就是外层div的宽高，但是由于图片的分辨率又不一样，常规方法会导致图片变形，于是找到了一些方法，可以使div层中的图片铺满，并自动拉伸保持不变形。
图片铺满自动拉伸不变形解决方案
重点属性：overflow:hidden
这个属性是防止溢出，我们需要在外层的DIV框架上设置这个属性。
重点属性：position: absolute; left:50%; transform:translateX(-50%);
这个属性的作用就是使其图片保持居中的状态，注意这里是左右居中
想要实现的效果（图片预览）
实现的代码演示
<style>
.box{
widht:200px;
height:200px;
}
.box img{
min-widht:100%;/*最小宽度*/
min-height:100%;/*最小高度*/
position: absolute; /*定位*/
left:50%;
transform:translateX(-50%);
}
</sytle>
<div class="box">
<img src="#"/>
</div>