모바일 슬라이드 이미지 반응형하려는데요...ㅜㅜ
관련링크
http://sir.kr/g4_skin/153789
89회 연결
본문
현재 http://sir.kr/g4_skin/153789 이 스킨을 사용하려고 합니다..
여기 css 에서 모바일에서 슬라이드 이미지가 각 모바일 기기에 맞게
이미지가 자동으로 반응형으로 나오게 하려면... 어떻게 수정을 해야할까요..ㅜㅜ
해당 스킨의 css에서 가능한건지...
아니면 해당 latest.skin.php 안에서도 수정을 해야하는지...
몇일째 관련 네이버 검색과 그누 질답게시판을 모두 찾아보고 이리저리해봐도.. 전혀 안되네요..ㅜㅜ
고수님들. 조언좀 부탁드립니다..ㅜㅜ
.swiper-container.swiper-flip {
width: 600px;
height: 400px;
margin: 20px auto;
}
.swiper-flip .swiper-slide {
text-align: center; font-size: 18px; background: #fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
/* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center;
-webkit-justify-content: center; justify-content: center;
-webkit-box-align: center; -ms-flex-align: center;
-webkit-align-items: center; align-items: center;
}
답변 2
스킨을 확인해보진 않았습니다.
width: 600px; height:400px; 이렇게 되어있는데 이걸 width: auto; height;auto; 로 바꿔보시죠?
아...답변 감사합니다~ 헌데 알려주신대로 해봐도 안되네요..ㅜㅜ
아무래도 css쪽이 아니라 해당 소스에서 수정해야하나봐요..ㅜㅜ
그래도 소중한 시간 내주셔서 정말 감사합니다~
width 랑 margin 을 모두 % 형태로 바꾸시고 보시면서 수정하셔야할듯..
알려주신대로 해보았는데요...잘안되네요..ㅜㅜ
위분에 답변한것처럼... CSS쪽에서는 잘안먹히나봐요....
아무래도 해당 소스쪽에서 수정을 해야할듯한데...잘안되네요..ㅜㅜ
그래도 정말 소중한 답변 해주셔서 정말 감사합니다~
답변을 작성하시기 전에 로그인 해주세요.
