1. 两个div , 最外层div 则是设定图片的宽高,里层的div则设置图片的url,利用background属性进行图片的加载,在做头像的时候就可以做到剪裁加载。
内层div的css设置:
/*设置图片样式*/
.img{
width: 100%;
height: 100%;
background-position: center;
background-size:cover;
background-repeat: no-repeat;
// background-image: url(../../assets/head/default.jpg);
}