아이프레임을 넣을때 문제점 입니다.
본문
위 이미지는 모바일에서 화면을 보았을때 모습니다.
피시에서 볼때는 문제가 없는데요
모바일에서 보면 저렇게 메뉴바는 그대로 있고 메뉴아래에 아이프레임으로 넣은
화면은 넓게 나옵니다.
저부분에서 메뉴바도 같이 옆으로 길게 해서 보이게는 안되는지 문의합니다.
메뉴바 잘리는 부분은 빨간색 테두리를 해놓았습니다.
답변 2
사이트 좌표를 남겨보세요.
http://7mscore.kr/bbs/content.php?co_id=scoreboard
여기주소입니다. 이 주소로 해서 모바일에서 보면 잘려서 보여요
모바일(갤럭시)에서 보니 전체 화면 잘 나오는데요.
근데, PC버전으로 보여서 글자가 아주 쪼매나게 보이네요.
정보 로딩도 좀 늦은 편이구요.
오히려, pc에서 볼 때 위 페이지만 우측으로 볼록 나와 보이네요.
아래 코드 수정하셔야 할 듯...합니다.
/css/common.css
#container {
width: 1000px; <--------- 이걸 100%로 조정하든 하셔서 길이 맞춰줘야 할 것 같네요.
margin: 10px auto 0 auto;
position: relative;
}
iframe 크기를 어떻게 설정하셨나요?
모바일에서도 맞춤으로 보실려면 width를 %로 잡으셔야합니다
<iframe width="1000" 으로 맞췄습니다. 원래 정상 크기는 790 인데
더 크게 했는데 피시버전에서는 잘 나오는데 모바일에서 메뉴바가 잘려요
네 1000px잡혀있으니 당연히 저렇게 보이는게 정상입니다
style="width:100%"로 잡아주시고 상위 div도 그렇게 잡아 주시던가 해야 모바일에서 정상적으로 보이겠죠?
근데 더 베스트는 모바일 페이지를 따로 구현하는것인데..
