响应中心图像sencha触摸旋转木马

时间:2015-03-25 08:56:49

标签: image extjs touch carousel

我正在创建一个动态图像轮播,我不知道如何使图像响应,适当缩放并集中在容器中。我尝试使用xtype图像和带有html中<img>标记的面板。

如果我使用此配置

{
   xtype: 'image',
   src: 'http://'+i.media
}

我得到的图片全屏100%,但在我的设备上(iPod touch 5th)它会出现裁剪,因为宽度超过了屏幕的

如果我使用这个

{
   style: 'text-align:center',
   html: '<img style="max-width:100%;max-height:100%" src="http://'+i.media+'" />'
}

我得到的图像正确缩放并水平居中,但在顶部垂直对齐

0 个答案:

没有答案