elementUI中的走馬燈高度不能自適應(yīng)的問題

使用了elementUI的走馬燈，但是發(fā)現(xiàn)這個(gè)不能自適應(yīng)高度，我這里設(shè)置了高度450px，不設(shè)置的話是默認(rèn)300，并不會(huì)響應(yīng)屏幕寬度。屏幕變化時(shí)會(huì)出現(xiàn)如圖狀況，請(qǐng)教這個(gè)該怎么調(diào)整，。

<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>