невозможно разместить изображение на сенсорной панели сенча с одинаковым размером

Question

Я создал панель, используя sencha touch с разрешением 300 x 400 пикселей. У меня есть изображение с такими же размерами, созданное с помощью фотошопа. Я использовал изображение в качестве фона панели, используя 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%;
}