在 ExtJS 中实现自适应布局以支持多屏幕显示可以通过使用其灵活的布局系统来完成。以下是一些关键步骤和技巧，以帮助您实现这一目标：

1. 使用容器和布局：
   ExtJS 提供了多种布局来帮助您构建复杂的页面结构。对于自适应设计，最常用的布局是 hbox 和 vbox，它们可以让子组件在水平方向和垂直方向上自动调整。

   Ext.create('Ext.container.Container', {  
      layout: 'hbox',  
      items: [{  
          xtype: 'panel',  
          flex: 1,  
          title: 'Panel 1'  
      }, {  
          xtype: 'panel',  
          flex: 2,  
          title: 'Panel 2'  
      }]  
   });  

   在这个示例中，两个面板将根据容器的宽度按比例调整大小。

2. 使用 responsive 插件：
   ExtJS 提供了一个响应插件，可以根据视口大小来调整组件的属性。您可以在配置中使用 responsive 来定义不同视口大小下的属性值。

   Ext.create('Ext.panel.Panel', {  
      title: 'Responsive Panel',  
      width: 400,  
      height: 300,  
      plugins: 'responsive',  
      responsiveConfig: {  
          'width < 600': {  
              title: 'Small Screen'  
          },  
          'width >= 600': {  
              title: 'Large Screen'  
          }  
      }  
   });  

   此示例根据用户的屏幕宽度动态改变面板的标题。

3. 比例单位和 flex 属性：
   使用 CSS 的百分比和 ExtJS 的 flex 属性可以帮助组件在容器中按比例调整大小。通过设置 flex 属性，组件会按比例占用父容器的空间。

4. 使用 media query 进行样式调整：
   当需要为不同屏幕大小设置特定样式时，可以将 CSS 媒体查询与 ExtJS 结合使用，为不同屏幕尺寸应用不同的样式。

5. 自适应的视口和布局配置：
   确保应用程序的视口和根容器配置为适应大小变动：

   Ext.application({  
      name: 'MyApp',  
      launch: function() {  
          Ext.create('Ext.container.Viewport', {  
              layout: 'fit',  
              items: [  
                  // 其他组件  
              ]  
          });  
      }  
   });  

6. 侦听视口大小变化：
   可以侦听 resize 事件以根据用户的屏幕大小动态调整布局。

这些策略可以确保您在使用 ExtJS 创建的应用程序在多种设备和屏幕分辨率上都表现良好。始终使用组件自带的 layout、flex 属性以及 responsive 插件，以最大化应用的适应性和一致性。