img too wide in android

[fatfly]

Hi,
I need some help on this one. It's killing me.
I'm trying to display an image in my app. I'm using xtype : 'image' in a vbox. it works fine in Chrome, even when I resize the window, the image resize. no worries.

Then I build in native for android. On the phone, galaxy S3 level 16, the picture is too wide in portrait mode. the picture fill the height, cutting off the side. when I rotate in landscape, it's ok.

Any idea why? thanks.
note: the viewport only have 'main' .

Ext.define('JAM.view.Main', {
    extend: 'Ext.Container',
    xtype: 'main',
    requires: [
        'Ext.TitleBar',
        'Ext.Img'
    ],
    config: { 
              layout: 'vbox',
              items: [
                     {
                        docked: 'top',
                        xtype: 'titlebar',
                        title: 'Navigation',
                  },                   
                {   
                xtype: 'image',
                src : 'resources/images/sticker.png',
                flex: 1
                }
                ]
            }
});

[dawesi]

what are the image dimensions?

[fatfly]

the image is 240 x 225.

I have found in the default CSS the following:

.x-img.x-img-image img {
  width: auto;
  height: 100%;
}
.x-img.x-img-background {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
}

I'm not sure but this means that height is always 100%?
Is it possible to code in css something like:
(background-size: auto 100%) AND (maxwidth = 100% )
not sure how to code that bit. Cheers

[xereta]

Set the height of the image to "auto".

[fatfly]

If I set the height to auto, the image is not maximise on the screen.

[xereta]

It doesn't make sense since the width is auto, and it is working.... =s