[Enhancement] [carousel] Carousel 走马灯 自动高度问题 指定宽高比，根据宽度自适应高度

[21stc-09]

需求场景

宽度占满屏幕的轮播图，长宽比例固定。根据浏览器宽度变化 动态调整轮播图高度。

问题

目前的自动高度面对轮播图的情况无法根据图片宽度进行自动调整。
设置height字段为auto后，通过设置内容的width为100%，外部.el-carousel__container元素的height会为0，然后对内容进行溢出隐藏。

<el-carousel height="auto">
  <el-carousel-item
    v-for="(item, index) in bannerList"
    :key="index"
    class="home_banner_container"
  >
    <a :href="item.LinkUrl">
      <img
        class="home_banner_img"
        :src="item.ImageUrl"
        alt="banner"
      />
    </a>
  </el-carousel-item>
</el-carousel>

.home_banner_container{
    .home_banner_img {
      display: block;
      width: 100%;
      aspect-ratio: 192/50;
    }
  }

Additional comments

目前可以根据监听resize来动态设置轮播图style的height来解决这个问题。
但是感觉文档里的自动高度是否场景有点问题，于是提出这个issue，个人目前没见过走马灯里内容高度不一致的情况，如有场景希望告知一下。