채택완료

모바일에서 보여지는 게시판 왜이럴까요?ㅠㅠ

2020-09-16 (수) 15:17:07 4,651

그누보드 초보입니다 ㅠㅠ

991419377_1600236903.8475.png

웹에서 가로 줄이면 이렇게 나오는데 왜 모바일로 접속하면 

991419377_1600236847.7719.jpg

이렇게나오는지 모르겠어요

테마 사용중입니다.

http://town3964.cafe24.com/bbs/board.php?bo_table=nav_farm5

도와주세요~ㅠㅠ

답변 3개 / 댓글 5개

채택된 답변
+20 포인트

일단 해당게시판 모바일 스킨을 변경해보시고 만약 해당페이지가 변경된다면 반응형설정이 제대로 않되어있는것입니다. 이런경우 테마폴더에 있는 head.sub.php를 확인해보셔야 할것 같습니다.

답변에 대한 댓글 3개

모바일 스킨을 사용하지않고 pc화면을 미디어쿼리 사용해서 반응형으로 제작하려면 어떻게 해야할까요?
기본적으로 반응형으로 제작된 테마는 pc또는 모바일 스킨중 하나만을 사용하게 설정되어있습니다. 사용하신 테마의 기본 설정이 잘못되었던지 아니면 반영하시면서 다른 화일을 덮어씌우셨을 가능성이 있습니다. 테마원본을 덮어씌어 보시면 되실것 같습니다.
제가 사용하고 있는 테마는 기존에 있던 베이직테마를 복사해서 제가 수정한 것 입니다..
그래서 아는부분만 건들인 정도라서 그런가봅니다 ㅠㅠ

pc에다 반응형으로 작업하신거같은데

모바일로접속하면 mobile 스킨을 타고가고있는듯싶네여

config.php 였나 어디 설정가면 모바일사용안함 설정하는거있으니 모바일막고 pc로만 쓰세여

근데 대부분 pc를 막고 모바일로 하긴하는데 어쨋든

답변에 대한 댓글 1개

지난번 질문글 답글에 어떤분이 모바일 사용안함 설정하는거 답변해주셔서
config 파일에 모바일 사용안함 설정해보았는데 그렇게하니 완전 pc화면과 똑같이 나왔어요...가로 줄인게 아닌 css미디어쿼리 설정한거 다 적용이 안되더라구요...
2020-09-16 (수) 15:24:25

모바일과 PC는 dpr이 틀려서 동일한 px 단위라도

축약되어 나옵니다.

실제 모바일 해상도는 1920x1080 이지만

실제 보여지는 해상도는 1/3 수준이죠

아래 링크에서 채크해보실수 있습니다.

https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports?hl=ko

그리고 그걸 떠나서 위 화면은 모바일 스킨 채크가 안되어있는것 같네요.

그누보드의 경우 PC스킨과 모바일스킨 위치가 다릅니다.

테마 적용을 다시한번 해보세요.

답변에 대한 댓글 1개

모바일 스킨을 사용하지않고 pc화면을 반응형으로 제작하려면 어떻게 해야할까요?

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