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%;
实现图片大小自适应
 

 

posted @ 2021-04-17 17:40  靠谱杨  阅读(1989)  评论(0编辑  收藏  举报