煎茶觸摸2.0轉盤，圖像分辨率

Question

-app使用煎茶觸摸2.0轉盤
- 圖像中轉盤被顯示
-app是針對性爲iPad2的全屏（減去在屏幕的頂部的導航欄） ，iPad2的Retina顯示屏，Android的xhdpi（片）

目標：應該是什麼圖像的分辨率：要在所有目標設備

問題顯示在傳送帶全屏幕影像？ 我在旋轉木馬上嘗試了1028x768圖像。在iPad2視網膜上顯示精細（全屏），但在三星Galaxy Tab 10上顯示兩側垂直條紋。我知道分辨率低於視網膜，但我認爲它會自動縮小到目標設備的分辨率並全屏顯示圖像，但顯然它沒有這樣做。

這是否已經實現，如果有請分享。

欣賞它。

謝謝。

Answer 1

Got it！

圖像的分辨率並不重要！真正。 重要的是確保圖像標籤通過自動調整圖像大小來顯示完整的圖像。

方法如下：
- 定義與specfied高度（window.innerHeight）和寬度（window.innerWidth）DIV標記。
- 將img標記作爲DIV標記的子元素（高度= 100％，寬度= 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>' 
    }); 
}); 

此代碼適用於平板電腦和智能手機，iOS或Android。

HTH