게시판 모바일에서 이상하게 보이네요 정보
게시판 모바일에서 이상하게 보이네요관련링크
본문
오류 주소 : http://the-cafe.kr/bbs/board.php?bo_table=THECAFE&wr_id=7
첨부파일보시면은 pc에서 제대로 보이는데 모바일에서는 먼가 박스가 쳐져있는거 처럼 되네요 ㅠ.ㅠ
해결방법좀 알려주세요~~
댓글 전체
우선 기본적으로 코딩 자체가 모바일에선 최적화 되지 않은 코딩입니다.
테이블 코딩으로 이루어져 있으며, 해당 테이블이 width 가 1000px 이 잡혀 있는데요. 이 때문에 가로 사이즈가 기본 1000px 로 잡히면서 모바일 상에서 화면 축소가 되어 보여 지게 되는 듯 합니다.
그러나 저 글이 나오는 부분은 div 로 둘러쌓여져 있는데 이 div 에서는 별 다른 width 값이 먹혀 있지 않으므로 모바일 기본 가로사이즈에 맞춰서 가로 사이즈가 나옵니다. 즉 div 는 block 속성에 의해 모바일 해상도의 가로 사이즈에 맞춰서 나오는데 전체 화면은 모바일 가로사이즈 보다 크므로 1000px 로 나오면서 화면이 작게 보이는 것입니다.
해결 방법은
1. 모바일에서 보일 수 있도록 퍼블리싱 및 CSS를 수정한다.
2. TD 안에 선언되어 있는 DIV 의 width 속성을 1000px or 100% 로 수정해 준다.
입니다. :)
테이블 코딩으로 이루어져 있으며, 해당 테이블이 width 가 1000px 이 잡혀 있는데요. 이 때문에 가로 사이즈가 기본 1000px 로 잡히면서 모바일 상에서 화면 축소가 되어 보여 지게 되는 듯 합니다.
그러나 저 글이 나오는 부분은 div 로 둘러쌓여져 있는데 이 div 에서는 별 다른 width 값이 먹혀 있지 않으므로 모바일 기본 가로사이즈에 맞춰서 가로 사이즈가 나옵니다. 즉 div 는 block 속성에 의해 모바일 해상도의 가로 사이즈에 맞춰서 나오는데 전체 화면은 모바일 가로사이즈 보다 크므로 1000px 로 나오면서 화면이 작게 보이는 것입니다.
해결 방법은
1. 모바일에서 보일 수 있도록 퍼블리싱 및 CSS를 수정한다.
2. TD 안에 선언되어 있는 DIV 의 width 속성을 1000px or 100% 로 수정해 준다.
입니다. :)
감사합니다^^