swiper 슬라이드 반응형 질문 채택완료
바트컨트롤
2년 전
조회 11,754
아래 그림과 같이 진행하려고 하는데
계속 한줄로만 먹드라구요...
js가 틀린건지.. css를 다르게 먹여야하는게 있는지
조언부탁드립니다ㅠ
</p>
<p>new Swiper('.EventSlideWrap', {
loop: true,
paginationClickable: false,
spaceBasdetween: 0,
speed: 500,
autoplay: false,
breakpoints: {
1200: {
slidesPerView: 4, // 1200px 이상에서는 1줄에 4개씩 보이기
slidesPerColumn: 1,
},
0: {
slidesPerView: 4, // 1200px 이하에서는 2열 2행으로 4개씩 보이기
slidesPerColumn: 2,
}
}
});</p>
<p>
</p>
<p>.EventSlide{ margin: 0 auto;}
.EventSlideWrap{position: relative; overflow: hidden;}
.EventSlideWrap .swiper-wrapper{}
.EventSlideWrap .swiper-slide{}
.EventSlideWrap .swiper-slide img{}</p>
<p>@media all and (max-width:1200px)</p>
<p>{</p>
<p>.EventSlide{ margin: 0 auto;}
.EventSlideWrap{position: relative; overflow: hidden;}
.EventSlideWrap .swiper-wrapper{}
.EventSlideWrap .swiper-slide{}
.EventSlideWrap .swiper-slide img{}</p>
<p>}</p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
2년 전
</p>
<p> </p>
<p>new Swiper(".EventSlideWrap", {
slidesPerView: 2,
grid: {
rows: 2,
},
loop: true,
paginationClickable: false,
spaceBasdetween: 0,
speed: 500,
autoplay: false,
breakpoints: {
1200: {
slidesPerView: 4, // 1200px 이상에서는 1줄에 4개씩 보이기
grid: {
rows: 1,
}
},
},</p>
<p>
});</p>
<p> </p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인