アプリケーションのモーダル ウィンドウに問題があります。モーダルウィンドウマスクのサイズを変更する場合を除いて、すべて問題ありません。ブラウザのサイズが小さくなると、大きくなります。モーダル ウィンドウ マスクは、より小さいウィンドウ サイズのままです。
これが私のビューポートです
Ext.define('Bis.view.Viewport', {
extend: 'Ext.container.Viewport',
layout: 'border',
items: [{
region: 'north',
xtype: 'container',
height: 100,
layout: 'border',
items:[{
xtype: 'container',
layout: 'border',
region: 'north',
height: 70,
items: [{
xtype: 'container',
region: 'west',
styleHtmlCls: 'account-header-logo',
styleHtmlContent: true
}, {
xtype: 'component',
region: 'center'
}, {
xtype: 'container',
itemId: 'userControlsContainer',
region: 'east'
}]
}, {
region: 'center'
}]
}, {
region: 'center',
bodyStyle: 'background:#79b5d8;'
}, {
region: 'south',
xtype: 'container',
items:[{
xtype: 'component',
width: 150,
styleHtmlCls: 'footer-logo',
styleHtmlContent: true
}]
}
]
});
ビューポートではなく、リージョン「center」に追加するモーダル ウィンドウ。ビューポートに追加するときはそのような問題はありませんが、この領域にウィンドウを追加する必要があります