同じサイズのSenchaタッチパネルに画像を表示できない

Question

300 x 400ピクセルのSencha Touchを使用してパネルを作成しました。私はPhotoshopを使用して作成された同じ寸法の画像を持っています。私は、CSSを使用して、パネルの背景として画像を使用：

#pnl { 
    background: url(img/bg.png); 
    no-repeat; 
} 

問題は、画像が半分程度あまりにも巨大でのみ表示さであるということです。私はmax-width: 100%を追加しましたが、結果は同じです。

どうしたのですか？任意のサイズの画像をパネルに合わせる方法はありますか？

ありがとうございました。

Answer 1

これを試してみてください：

JS：

App.somePanel= new Ext.Panel({ 
    cls: 'somePanel', 
    html: '<h1>Welcome to my app!</h1>', 
    //some other properties 
}); 

CSS：

.somePanel { 
     background-image: url(http://somesite.com/someimage.png); 
     background-repeat: no-repeat; 
     background-size: 100% 100%; 
}