要把大小不一样的图片做成整齐排列的轮播,如果直接固定宽高会把图片伸缩变形的,不固定又会让图片不整齐,用ps截图截成一样的大小难度系数略高。看似头大的问题,现在解决,只需2步:
1.假如有4张图,我们就先写4个一样大小一样的div.给div设置display:inline-block和一样的宽高。
2.然后将图片作为div的背景图来显示。
这样保证了呈现的每张图都是一样大的!
利用background-size和background-position,控制背景图如何根据div容易来显示大小尺寸和背景图的位置。
版权声明:本文为illusion_melody原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。