swiper 가로사이즈가 너무 크게 출력됩니다.

swiper 가로사이즈가 너무 크게 출력됩니다.

QA

swiper 가로사이즈가 너무 크게 출력됩니다.

본문

카페24 쇼핑몰 이용중인데 가로가 브라우저 사이즈에 맞춰지는게 아니고

거의 세배 가까이 커지네요.... 스와이퍼 css랑 js는 수정한게 없는데


https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.1/js/swiper.js
https://unpkg.com/swiper/swiper-bundle.min.css

 

js css는 위에서 끌어다 쓰고 있습니다.

 

출근해서 지금까지 이것만 붙들고 있네요 ㅠㅠㅠ

http://skin-skin26.jasemall.cafe24.com/?

이 질문에 댓글 쓰기 :

답변 3

<li class="swiper-slide swiper-slide-active" data-swiper-slide-index="2" style="width: 2863px;">

2863px이 잡힙니다.

swiper-slide 안에 내용에 따라

자동 계산되어 나오는 가로값으로 보시면 됩니다.

소성보기로 보시면 

.sec02 .swiper-slide div

.sec02 .swiper-slide div.text

이 css를 수정하셔야 할거 같습니다.

직접 소스를 만져보지 않아 정확하지는 않지만

float left, right 을 display:inline-block 처럼 바꾸신다음 사이즈 조절은 어떠실까용?

 

.sec02 .swiper-slide div.text 여기에서 

padding 150을 줬으면 width:calc(50% - 300px) 로 되야될거 같구요

 

정확히는 못찝어 드리지만 li 안의 div들을 다시 한번 만져보세요

 

저도 가끔 이런현상을 겪어본 기억이 나서 남겨봅니다.

li 안쪽에 div가 들어가면서 css 때문으로 보입니다.

<style>

.swiper-slide img{max-width:100%}

</style>

 

css 추가해보셨나요?

swiper-container에 max-width : 1920px을 줘버리세요

답변을 작성하시기 전에 로그인 해주세요.
전체 2,086
QA 내용 검색
filter #css ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT