🐡

固定値を指定せず、swiperの高さを揃える方法

2024/03/08に公開2

swiper-slideに height:auto; その子要素に height:100%; を入れたら解決しました。

ポイントとなるコード↓

.swiper .swiper-slide {
	height: auto;
}

.swiper .swiper-slide-item { //swiper-slideの子要素
	height: 100%;
}

お恥ずかしながら、とても悩みました。

修正前のデモ↓

修正後のデモ↓

Discussion

ar0ar0

ありがとうございます!私もめちゃくちゃハマってました...

田辺田辺

お役に立てて良かったです!私も知らずに悩んでいました...
お互い頑張っていきましょ〜