Extjs：调整浏览器窗口大小时，在Viewport中调整面板大小

Question

我有一个小组：

var myPanel = Ext.form.Panel({   width : 400,   height : '50%', ... } // for center panel on screen
items : [{
    xtype : 'component',
    html : <add image>

此面板位于视口内：

    Ext.create('Ext.container.Viewport', {
        layout : 'ux.center',
        items : [form]
    });

问题：当我调整浏览器窗口大小时，面板变为裁剪高度

如何在橡胶布局中改变高度？

Answer 1

对视口使用'vbox'布局和正确的layoutConfig（pack：center，align：center），并且应该正确调整大小。