Css 具有不同图像大小的角形旋转木马

我正在尝试为我的Ionic Framework移动应用程序使用AngularJS Touch carousel指令创建一个旋转木马

使用的旋转木马：

我的小提琴：

问题是我的图像可以是任何大小。我不知道如何得到一个好的旋转木马时，图像大小是不同的，如小提琴所示

下面是HTML代码

<ul rn-carousel>
    <li>
        <div>
            <img src="http://files.parsetfss.com/f37c58f4-0d3b-4a98-9d18-1dcf4c0275f9/tfss-9a967bc5-bc21-425c-8468-2851493501b3-blouse.png" />
        </div>
    </li>
    <li>
        <div>
            <img src="http://files.parsetfss.com/f37c58f4-0d3b-4a98-9d18-1dcf4c0275f9/tfss-8886c78e-9641-43ba-b1b9-a503ef8dec5c-blouse.png" />
        </div>
    </li>
    <li>
        <div>
            <img src="http://files.parsetfss.com/f37c58f4-0d3b-4a98-9d18-1dcf4c0275f9/tfss-cc260a35-94b4-4d4d-b6e5-d280565ed983-blouse.png" />
        </div>
    </li>
    <li>
        <div>
            <img src="http://files.parsetfss.com/f37c58f4-0d3b-4a98-9d18-1dcf4c0275f9/tfss-2d818bea-f838-4d60-a99b-19c6655f33e5-blouse.png" />
        </div>
    </li>
</ul>

---

小提琴坏了。请现在试一试。这就是否决我的问题的原因吗？对我仍然不起作用。它对我起作用。尝试打开上面问题中的url。

ul {
    width: 500px;
    height:150px;
}