Sencha touch 2 Sencha touch 2.0旋转木马，图像分辨率

-应用程序使用Sencha touch 2.0旋转木马
-转盘中的图像全屏显示（减去屏幕顶部的导航栏）
-该应用程序针对iPad2、iPad2视网膜显示器、Android xhdpi（平板电脑）

目标：在所有目标设备的转盘中显示全屏图像

问题：图像的分辨率应该是多少？ 我在转盘中尝试了1028x768图像。在iPad2视网膜上显示精细（全屏），但在三星galaxy Tab 10上，我看到侧面有竖线。我知道分辨率低于视网膜，但我认为它会自动缩小到目标设备的分辨率，并全屏显示图像，但显然它没有这样做

这是否已经实现，如果是，请分享

谢谢

谢谢。

明白了

图像的分辨率并不重要！对。 重要的是，通过自动调整图像大小，确保图像标签显示完整的图像

以下是方法：
-定义具有指定高度（window.innerHeight）和宽度（window.innerWidth）的DIV标记。
-将img标记作为DIV标记的子元素放置，高度=100%，宽度=100%

无论图像的分辨率、设备的分辨率、设备的屏幕大小如何，图像总是自动调整大小并以全尺寸显示

旋转木马工作的完整代码如下：

旋转编码 传送带项目代码

Ext.each（图像、函数（图片）{
var img=picture.url；
var bigImg=picture.bigUrl；
推({
xtype:'标签'，
html:'
});
});

此代码适用于平板电脑和智能手机、iOS或Android

---

HTH

如果我将图像的高度/宽度都设置为100%，它将拉伸图像。我需要保持实际的图像大小比例-因此在我的情况下，这并没有真正的帮助：(

{
    xtype: 'panel'
    layout: 'fit',
    flex: Ext.os.is.Phone ? 5 : 6,
    items: [
        {
            xtype: 'carousel',
            direction: 'horizontal',
            directionLock: true,
            id: 'ImgId',
            flex: Ext.os.is.Phone ? 5 : 6,
            config: {
                fullscreen: true
            }
        }
    ]
}

Ext.each(images, function (picture) {
    var img = picture.url;
    var bigImg = picture.bigUrl;
    itemsoverlay.push({
        xtype: 'label',
        html: '<div style="width:' 
               + window.innerWidth 
               + 'px;height:' + 'px;"><img src=' 
               + imgURL 
               + ' style="width: 100%;height: 100%;" /></div>'
     });
});