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

아이프레임을 넣을때 문제점 입니다. 채택완료

kim7031 7년 전 조회 2,154

 

위 이미지는 모바일에서 화면을 보았을때 모습니다.

피시에서 볼때는 문제가 없는데요

 

모바일에서 보면 저렇게 메뉴바는 그대로 있고 메뉴아래에 아이프레임으로 넣은

화면은 넓게 나옵니다.

 

저부분에서 메뉴바도 같이 옆으로 길게 해서 보이게는 안되는지 문의합니다.

 

메뉴바 잘리는 부분은 빨간색 테두리를 해놓았습니다.

 

 

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

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
7년 전

사이트 좌표를 남겨보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

k
kim7031
7년 전
http://7mscore.kr/bbs/content.php?co_id=scoreboard
여기주소입니다. 이 주소로 해서 모바일에서 보면 잘려서 보여요
s
sinbi
7년 전
모바일(갤럭시)에서 보니 전체 화면 잘 나오는데요.
근데, PC버전으로 보여서 글자가 아주 쪼매나게 보이네요.
정보 로딩도 좀 늦은 편이구요.

오히려, pc에서 볼 때 위 페이지만 우측으로 볼록 나와 보이네요.
아래 코드 수정하셔야 할 듯...합니다.


/css/common.css

#container {
width: 1000px; <--------- 이걸 100%로 조정하든 하셔서 길이 맞춰줘야 할 것 같네요.
margin: 10px auto 0 auto;
position: relative;
}

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

Policia
7년 전

iframe 크기를 어떻게 설정하셨나요?

 

모바일에서도 맞춤으로 보실려면 width를 %로 잡으셔야합니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

k
kim7031
7년 전
<iframe width="1000" 으로 맞췄습니다. 원래 정상 크기는 790 인데
더 크게 했는데 피시버전에서는 잘 나오는데 모바일에서 메뉴바가 잘려요
P
Policia
7년 전
네 1000px잡혀있으니 당연히 저렇게 보이는게 정상입니다

style="width:100%"로 잡아주시고 상위 div도 그렇게 잡아 주시던가 해야 모바일에서 정상적으로 보이겠죠?

근데 더 베스트는 모바일 페이지를 따로 구현하는것인데..

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

답변을 작성하려면 로그인이 필요합니다.

로그인