如何用纯CSS将图片填满div，自适应容器大小，已有两个不太完善的方案

1、object-fit解决方法：

 直接给img套用一个object-fit:cover;让img填满盒模型。

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

2、min方法:

这是我这两天思考出来的，是通过对img元素垂直居中，并将它的高度和宽度设置一个最小满屏值，这样，也能让图片铺满容器：

              div{
                position:relative;
                overflow:hidden;
              }
              div img{
                position: absolute;
                top: 50%;
                left: 50%;
                display: block;
                min-width: 100%;
                min-height: 100%;
                transform:translate(-50%,-50%);
            }

3、如果不需要支持IE老版本的话，可以使用background-size属性cover进行设置。如：

div.img {
        width: 400px;
        height: 200px;
        background-image: url(http://img5.imgtn.bdimg.com/it/u=4021999557,1995524928&fm=11&gp=0.jpg);
        -webkit-background-size:cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }