【JavaScript】Swiperの高さを揃える方法

JavaScript

結論

# Swiperの各カード
.swiper-slide {
  height: auto;
}

# 各カードの中身
.custom-swiper__item-wrapper {
  height: 100%;
}

Swiperが用意してくれる各コンテンツのラッパーとなる .swiper-slideheight: auto; を設定。
その中身にカスタムで内容を包むラッパーを用意してそこに height: 100%; を設定します。

align-items: stretch; とかでいけるのかと思ったら全然違いました💦

コメント

タイトルとURLをコピーしました