css设置图片根据div的大小等比例缩放

 1 .img{
 2     position: absolute;
 3     background:url("../images/success.png") no-repeat;
 4     width: 80px;
 5     height: 80px;
 6     top:50%; 
 7     left:50%;
 8     background-size: 100% 100%;
 9     transform: translate(-50%,-50%);
10 }

注意：图片所在的div盒子一定是有确定的大小。

然后用这个：

background-size: 100% 100%; 实现图片大小自适应  

 

标签：缩放,100%,50%,80px,background,div,css,size
来源： https://www.cnblogs.com/rainbow-1/p/14671603.html