Question

我有一个具有固定宽度和高度（例如500,400）的窗口面板，其中将显示图像。图像的宽度/高度为200/700。如果它的宽度小于父容器，我必须在窗口内设置该图像而不违反其宽度。但问题在于图像的高度。图像的下半部分被截断。我用过布局：合适。但是图像覆盖了窗口的全宽/高度，违反了图像的原始宽度。

任何帮助都会受到赞赏......

这是代码......

Ext.onReady（函数（）{ var mapwin;

mapwin = Ext.create('Ext.window.Window', {
    title: 'Crop Window',
    width:500,
    height:400,
    border: false,
    x: 150,
    y: 60,
    items: 
    {
        xtype: 'image',
        width: 200,
        height: 400,
        src: 'path/to/any/image/200x700'
    }
});
mapwin.show();

}）;

Answer 1

给你的图像css，尝试使用以下css

.image {
position: relative;
height: auto;
min-height: 100% !important;
}

不要使用layout：fit

在extjs中的窗口面板中显示图像

1 个答案: