el-tree如何自适应屏幕

在 Element UI 的 `el-tree` 组件中，如果你想让它自适应屏幕，你可以通过调整其容器的 CSS 样式来实现，比如设置宽度、最大宽度、百分比宽度等。以下是一些常见的做法：

1. **固定宽度**：如果你希望树组件在一个固定的宽度下显示，可以在CSS中为它添加一个`width`属性，如`width: 500px;`。

2. **百分比宽度**：如果你想让树组件随容器大小变化而缩放，可以将`width`设置为`100%`，让其填满容器宽度，如`.el-tree { width: 100%; }`。

3. **响应式布局**：使用媒体查询（Media Queries）来设置不同设备下的屏幕尺寸样式。例如，在小屏幕设备上，你可能会设置更窄的宽度：

   @media screen and (max-width: 768px) {
     .el-tree {
       width: 40%;
     }
   }

另外，Element UI 提供了响应式的栅格系统（Grid System），如果你需要复杂的布局调整，可以考虑配合 grid 使用。

记得在 HTML 结构中保留足够的上下文空间，避免过于拥挤的视觉效果，并在需要的地方提供滚动条。