모바일 슬라이드 이미지 반응형하려는데요...ㅜㅜ 채택완료
레이돌이
9년 전
조회 7,293
현재 http://sir.kr/g4_skin/153789">http://sir.kr/g4_skin/153789 이 스킨을 사용하려고 합니다..
여기 css 에서 모바일에서 슬라이드 이미지가 각 모바일 기기에 맞게
이미지가 자동으로 반응형으로 나오게 하려면... 어떻게 수정을 해야할까요..ㅜㅜ
해당 스킨의 css에서 가능한건지...
아니면 해당 latest.skin.php 안에서도 수정을 해야하는지...
몇일째 관련 네이버 검색과 그누 질답게시판을 모두 찾아보고 이리저리해봐도.. 전혀 안되네요..ㅜㅜ
고수님들. 조언좀 부탁드립니다..ㅜㅜ
</p><p>.swiper-container.swiper-flip {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>width: 600px;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>height: 400px;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>margin: 20px auto;</p><p>}</p><p>.swiper-flip .swiper-slide {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>text-align: center; font-size: 18px; background: #fff;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>-webkit-background-size: cover;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>-moz-background-size: cover;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>-o-background-size: cover;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>background-size: cover;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>-webkit-box-shadow: 5px 5px 30px rgba(0,0,0,0.3);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>-moz-box-shadow: 5px 5px 30px rgba(0,0,0,0.3);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>box-shadow: 5px 5px 30px rgba(0,0,0,0.3);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>/* Center slide text vertically */</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>-webkit-box-pack: center; -ms-flex-pack: center; </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>-webkit-justify-content: center; justify-content: center;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>-webkit-box-align: center; -ms-flex-align: center;</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>-webkit-align-items: center; align-items: center;</p><p>}</p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
스킨을 확인해보진 않았습니다.
width: 600px; height:400px; 이렇게 되어있는데 이걸 width: auto; height;auto; 로 바꿔보시죠?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
레이돌이
9년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
아무래도 css쪽이 아니라 해당 소스에서 수정해야하나봐요..ㅜㅜ
그래도 소중한 시간 내주셔서 정말 감사합니다~