elementUI中的走马灯高度不能自适应的问题

Question

使用了elementUI的走马灯，但是发现这个不能自适应高度，我这里设置了高度450px，不设置的话是默认300，并不会响应屏幕宽度。屏幕变化时会出现如图状况，请教这个该怎么调整，。

<template>
  <div id="carousels">
    <el-carousel :interval="4000" type="card" height="450px">
      <el-carousel-item v-for="(item, index) in carousels" :key="index">
        <img v-lazy="item.picture" alt="banner">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

Answer 1

1.监听窗口宽度变化，height动态计算
2.让img在<el-carousel-item>中垂直居中