我正在创建一个动态图像轮播,我不知道如何使图像响应,适当缩放并集中在容器中。我尝试使用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+'" />'
}
我得到的图像正确缩放并水平居中,但在顶部垂直对齐