.. Splide 로 슬라이드 구현 중 Media query로 화면 사이즈가
768px이 되면 화면에 1개만 나오도록 표현 하려는 중,, 생각지 못하게 방법을 몰라서 찾다 발견한 코드!
<Splide
options={{
perPage: 3,
arrows: false,
pagination: false,
drag: 'free',
gap: '1.5rem',
}
+++ gap '1.5rem', 아래
mediaQuery: 'max' ,
breakpoints : {
768: {
perPage: 1
}
추가하기
이렇게 추가하면 Splide 에서 MediaQuery를 사용 할 수있다.
mediaQuery: 'max' 로 mediasize max로 선언
breakpoints : 768 로 max-size : 768px ,
perPage : 1 -> 페이지에 한개만 보이게 설정!