반응형 문의 드립니다..ㅠㅠ
본문
https://br0skorea.iwinv.net/page/premiumbuffet.php
위 주소에서 br 뒤에 0을 알파벳 o로 바꾸시면 됩니다.ㅠ
슬라이드를 넣었는데
아래처럼 주소가 있거든요
문제는 반응형을 할때도 3개가 고정이라 어떻게 해야할지를 모르겠습니다
2개 고정으로 변경하고 싶거든요..ㅠ
<!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 3,
spaceBetween: 30,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
</script>
답변 2
<script>
var swiper = new Swiper(".mySwiper", {
slidesPerView: 3,
spaceBetween: 30,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: { //세부옵션 조정하세요
// 320px
320: {
slidesPerView: 2,
spaceBetween: 20
},
// 640px
640: {
slidesPerView: 3,
spaceBetween: 30
}
}
});
</script>
슬라이드 뷰 옵션에 'auto' 설정하면됩니다.
slidesPerView: 'auto'
답변을 작성하시기 전에 로그인 해주세요.