깜놀하는 해므찌로

Swiper too big size / Swiper size handle example / 스와이퍼 슬라이드 사이즈 조절 본문

IT

Swiper too big size / Swiper size handle example / 스와이퍼 슬라이드 사이즈 조절

agnusdei1207 2023. 5. 22. 17:34
반응형
SMALL
<swiper-container class="swiper3" style="max-height: 100vh">
      <swiper-slide
        style="width: 100%; height: 100%"
        *ngFor="let video of videos"
      >
  			내용
      </swiper-slide>
    </swiper-container>

1. max-height: 100vh : 스와이프 최대 크기를 현재 스크린 크기 100% 로 한정합니다. (max-width: 100vh)

2. swiper-slide 태그 => width, height 100% 설정 기본으로 해두시길 권장드립니다.

반응형
LIST
저작자표시

'IT' 카테고리의 다른 글

@Observable @subscribe()  (0) 2023.05.23
typescript 접근제한자  (0) 2023.05.23
Angular External Url / 앵귤러 외부 url 요청 예시 / 앵귤러 새창열기  (0) 2023.05.22
Tailwind 버튼 클릭 효과 / 버튼 클릭 시 커졌다 작아지는 효과  (0) 2023.05.22
Angular route config 가져와서 사용하기 예시  (0) 2023.05.22
'IT' Related Articles more