解决轮播图图片大小不一的问题！

 

要把大小不一样的图片做成整齐排列的轮播，如果直接固定宽高会把图片伸缩变形的，不固定又会让图片不整齐，用ps截图截成一样的大小难度系数略高。看似头大的问题，现在解决，只需2步：

1.假如有4张图，我们就先写4个一样大小一样的div.给div设置display：inline-block和一样的宽高。

2.然后将图片作为div的背景图来显示。

这样保证了呈现的每张图都是一样大的！

利用background-size和background-position，控制背景图如何根据div容易来显示大小尺寸和背景图的位置。