반응형 스킨 적용후 모바일게시판에서 좌우 스크롤이 생깁니다 ㅠㅠ
본문
안녕하세요, 선배님?
반응형으로 홈페이지를 개발한 뒤 그누보드5를 설치하고 스킨 몇 개를 입혀 테스트 중입니다.
그런데 PC에서는 모든 게시판 스킨 들이 정상적으로 작동하는데요.
모바일에서 게시판 화면을 보면 좌우 스크롤이 생깁니다.
여러 스킨을 적용해보았지만 같은 증상입니다.
그누보드5 사용이 익숙지 않아 머리를 쥐어뜯고 있는데 마땅한 해결책이 생기지 않아 선배님들에게 조언을 구합니다.
어떻게 하면 모바일 게시판 화면에서 좌우 스크롤바가 생기지 않을까요?
읽어주셔서 감사합니다. 꾸벅~~
답변 3
사이트를 안보곤 이런류의 질문에 답변을 드릴수가 없습니다.
어떤 스킨을 어떻게 사용했는데 이렇더라 해도 모를텐데 정보가 너무 없네요.....ㅠㅠ
그리고 짐작이지만 모바일 좌우 스크롤바에 대해서는 css를 손보아야 할껍니다.
아마도 max-width 를 찾으셔서 크기를 줄이면 되지 않을까 싶네요.
http://jwfamily1010.cafe24.com/gnuboard5/bbs/board.php?bo_table=qna
시간이 되시면 이 사이트를 봐주시기 바랍니다 감사합니다 ㅎㅎ
잠깐 살펴보니 게시판 상단 인크르드 부분이 잘못되어 <html lang="ko">, head, body 이런부분이 두번씩 정의되어져 있습니다.
head.sub.php, head.php 등이 중복된 코드가 있거나 두번 인크루드 된것 같으니 둘중 하나는 삭제해야 할것 같습니다.
<p class="bls" style="width:729px">
<img src="http://jwfamily1010.cafe24.com/gnuboard5/skin/board/ggil_basic/img/icon_reply.gif" style="margin-left:10px;" alt="답변글"> 안녕하십니까 교수님. 면접기법을 수강했던 학생입니다. <img src="http://jwfamily1010.cafe24.com/gnuboard5/skin/board/ggil_basic/img/icon_secret.gif" alt="비밀글"> </p>
여기 보시면
<p class="bls" style="width:729px">
이렇게 강제로 적용되어 있네요
정말 감사합니다. 말씀대로 소스를 보니 width가 적용된 것이 보였습니다.
거듭 감사의 말씀을 드립니다.
그런데 한가지 여쭈어봐도 될까요?
이 문제를 해결하기 위해 mobie skin에서 width폭을 변경하여 올려놨는데 적용이 안되더군요.
다시 확인해 보니 해당 스킨은 반응형스킨이라 moble>skin영역에 별도 저장하지 않고 skin>board>영역에만 등록해도 전부 사용할 수 있다고 하네요.
그래서 모바일 전용스킨을 moble>skin영역에 올려놨는데 적용이 안되어
skin>board>영역에 올려놨더니 PC와 모바일 모두 서비스가 되네요.
제가 아직 그누보드에 서툴러서 그러는데요..ㅎㅎ
모바일 ㅇ영역에만 적용되는 스킨 설정은 어떻게 해야 하나요?
바쁘신 시간에 조언을 해주셔서 정말 감사드립니다 ㅎㅎ
@함초사랑
모바일스킨은
관리모드 - 게시판관리
에서
문의하신 게시판의 모바일 스킨을 변경하시거나
하시면
테마사용시는
/theme/테마종류/mobile/skin/board/스킨종류명/
에 위치하고
테마 미사용시는
/mobile/skin/board/스킨종류명/
에 위치합니다.
네, 바쁘신 시간에 답변을 달아주셔서 대단히 감사합니다.
그런데 저의 경우 모바일스킨을 /mobile/skin/board/스킨종류명/ 에 적용했더니 적용되지 않던데 아직 제가 미흡점이 많아 그런 것 같습니다.ㅎㅎ
선배님들의 격려에 힘입어 앞으로도 자주 질문을 올리겠습니다.
거듭 감사의 말씀을 드립니다 ㅎㅎ
