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

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

· 11년 전 · 15026 · 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 (조건) ... 이런 거요.

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440