🐡

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

2024/03/08に公開

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

ポイントとなるコード↓

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

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

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

修正前のデモ↓

修正後のデモ↓

Discussion