如何在extjs sencha中根据屏幕尺寸设置网格中行的相对高度

Ext.create('Ext.container.Container', {
    layout: 'vbox',
    items: [{
        xtype: 'grid',
        flex: 1, // 设置网格在布局中的相对高度
        // 其他网格配置项
    }]
});

@media (max-width: 768px) {
    .grid-row {
        height: 50px; // 在小屏幕下设置行的高度为50px
    }
}

@media (min-width: 769px) {
    .grid-row {
        height: 100px; // 在大屏幕下设置行的高度为100px
    }
}

Ext.create('Ext.grid.Panel', {
    cls: 'grid-row', // 应用CSS样式
    // 其他网格配置项
});