모바일 인덱스 이미지가 한쪽으로 치우쳐 져요 외그런거죠 ?
본문
이미지가 한쪽으로 치우쳐 져요 외그런거죠 ?
http://bannerb1.cafe24.com/ 모바일 메인페이지 접속입니다 ..테마는 아닙니다
다른 사이트 모바일에서는 정상으로 보여주거든요 ....
<div class="position">
<div class="img-area">
<a href="http://gushopt.cafe24.com/bbs/content.php?co_id=page/"><img src="http://gushopt.cafe24.com/img/1.jpg" />
</a></div>
<style>
.position{position:relative;width:100%;overflow:hidden}
.position .img-area{display:block;padding:2%}
.position .img-area img{display:block;width:100%;}
</style>
<div class="position">
<div class="img-area">
<a href="http://gushopt.cafe24.com/bbs/content.php?co_id=page/"><img src="http://gushopt.cafe24.com/img/1.jpg" />
</a></div>
<div class="position">
<div class="img-area">
<a href="http://gushopt.cafe24.com/bbs/content.php?co_id=page/"><img src="http://gushopt.cafe24.com/img/1.jpg" />
</a></div>
고수님들 부탁좀 드릴께요 ......
답변 1
media 480px에서
row base 의 inline 속성을 제거하고
.row {
width: 100%
margin-left: auto;
margin-right: auto;
}
해보세요