无法将图像放入相同尺寸的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%;
}