테스트 사이트 - 개발 중인 베타 버전입니다

핸드폰으로 pc용 접속하면.... 화면사이즈문제

· 11년 전 · 15027 · 3
Screenshot_2013-11-29-12-54-03.png
Screenshot_2013-11-29-12-54-13.png
P20131129_130953000_8864F8FF-6F8C-40BE-A9D9-D7E52F3084D2.PNG
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 : http://jy.aplayer.co.kr/
본사 주소 : http://www.payapp.kr/

첨부해드린 파일에서 보는바와 같이

모바일에서 안드로이드 폰,IOS 폰 둘다 이렇게 나옵니다.

늘이기도 줄이기도 안되는 상황입니다.

본사홈페이지와는 다른게 그누보드 기반으로 제작되었습니다

메인소스 일부...


<style>
.visual{width:1058px;height:565px;margin:0 auto;position:relative}
.bg{width:100%;height:100%;display:none}
.Blue{background:#33ccff}
.Red{background:#cc3366}
.Green{background:#99cc99}
.thumb{position:absolute;top:530px;left:469px}
.thumb li{border:0px solid #000;background:#fff;display:block;width:12px;height:12px;float:left;margin:0px 0}
.thumb li a{width:12px;height:12px;display:block}
</style>

<div class="visual">
<div class="bg Red" id="bg2"><a href="/about/pay01.html"><IMG SRC="http://jy.aplayer.co.kr/images/main_032_01.jpg" border=0></a></div>
<div class="bg Green" id="bg3"><a href="/about/appl01.html"><IMG SRC="http://jy.aplayer.co.kr/images/main_031_01.jpg" border=0></a></div>
<ul class="thumb">
<li><a href="#bg2"><IMG SRC="http://jy.aplayer.co.kr/images/G.gif" border=0></a> </li>
<li><a href="#bg3"><IMG SRC="http://jy.aplayer.co.kr/images/G.gif" border=0></a></li>
</ul>
</div>

어떤문제가 있는것인지 잘모르겠습니다
도움요청드립니다
핸드폰에서 가로,세로 사이즈 조절이 안되고 움직이지 않습니다. ㅠ.ㅠ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

11년 전
음 제가 보기에는 width에 픽셀이 설정되서 그런것 같은데요
보통 width를 100% 맞추고 px은 주지않아야 화면 자동 조절 되실건데요
img { max-width: 100%; max-height: auto;}
미디어 쿼리로 해결하는 것이 가장 편할 거 같아요.
@media screen and (조건) ... 이런 거요.

게시글 목록

번호 제목
284172
284170
284167
284164
284161
284159
284155
284152
284151
284148
284142
284141
284137
284136
284135
284127
284121
284120
284116
284115