elementui carousel不能自適應問題

Vue項目中遇到elemenui  carousel跑馬燈圖片顯示不完全問題，用chrome調試器，發現輪播圖中間的width是外層的50%，這樣必然會導致圖片不自適應。

 

 

 

 

 直接簡單粗暴重寫carousel樣式。

    .el-carousel {
      /deep/ .el-carousel__item--card {
        width: auto !important;
      }
      /deep/ .el-carousel__item {
        width: auto !important;
      }
      /deep/ .el-carousel__item--card.is-active {
        z-index: 2;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0px) !important;
      }
    }

el-carousel給定height為圖片高度即可