핸드폰으로 pc용 접속하면.... 화면사이즈문제 정보
핸드폰으로 pc용 접속하면.... 화면사이즈문제본문
오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.
오류 주소 : 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>
어떤문제가 있는것인지 잘모르겠습니다
도움요청드립니다
핸드폰에서 가로,세로 사이즈 조절이 안되고 움직이지 않습니다. ㅠ.ㅠ
오류 주소 : 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>
어떤문제가 있는것인지 잘모르겠습니다
도움요청드립니다
핸드폰에서 가로,세로 사이즈 조절이 안되고 움직이지 않습니다. ㅠ.ㅠ
댓글 전체
음 제가 보기에는 width에 픽셀이 설정되서 그런것 같은데요
보통 width를 100% 맞추고 px은 주지않아야 화면 자동 조절 되실건데요
보통 width를 100% 맞추고 px은 주지않아야 화면 자동 조절 되실건데요
img { max-width: 100%; max-height: auto;}
미디어 쿼리로 해결하는 것이 가장 편할 거 같아요.
@media screen and (조건) ... 이런 거요.
@media screen and (조건) ... 이런 거요.