sencha touch的旋转木马中的图像重叠

Question

我创建了加载许多图像的旋转木马。然而，每个图像重叠，从不同的卡另一幅图像，如下所示：

正如你在截图中看到，第一个图像的某些部分出现在第二个卡等。

这是我如何把图像的“HTML”组件内部旋转木马的项目中：

html: '<div> <img src="'+avaImg+'" />' 

有没有什么办法，使图像适合到屏幕无论在手机的分辨率是多少？

Answer 1

为什么不在Sencha Touch 2中使用Ext.Image组件？

然后，您可以使用style config将自定义样式应用于该图像。

Answer 2

嗨@tukang你可以尝试创建CSS类，这样的事情，

.your_name { 
    background-image: url(your_url_image); 
    background-repeat: no-repeat; 
    background-position: center; 
} 

，并把它后你的HTML标记<div class="your_name"></div>

我希望帮你。 :)