게시판 반응형 동작 도와주세요.

제가 지금 모바일 전용 페이지를 따로 만들지 않고 리사이징을 통한 반응형 홈페이지를 만들어 모바일에도 리사이징 되어 나옵니다.

이때 KBoard 게시판이 pc버전과 같은 형태를 띤 게시판이 나오기에 리사이징 되면 모바일로 보기에 조금 작은 감이 없지 않아 있습니다.

이때 모바일에서는 모바일 버전 KBoard가 나오게 하려면 어떻게 해야 하나요? 도와주세요 사례하고 싶을 정도로 많은 고민을 해봤지만 해답을 얻지 못했습니다.

도와주시면 감사하겠습니다.

 

요약 : pc버전과 모바일 버전이 같은 홈페이지를 제작했습니다. (모바일 페이지 따로 x, 반응형 리사이징) 이때 모바일에서 KBoard가 pc버전과 같은 형태라 리사이징 때문에 작게 나오는데 모바일 버전을 따로 가져오려면 어떻게 해야 하나요..?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요.

    지금 홈페이지 확인해봤습니다.

    반응형이 아니고 PC랑 모바일 똑같은 레이아웃이군요.

    즉 모바일에서도 PC랑 같은 크기의 화면이 보이고 있습니다.

    이 경우 스킨의 style.css 파일에서

    @media screen and (max-width: 600px) { 이 코드와

    마지막에 있는 } 이 코드를 지우면 모바일 레이아웃이 나오기는 할 테지만,

    그렇다고 해서 모바일에서 잘 보이지는 않을 겁니다.

    원하시는 건 글자 같은 게 확대되길 원하시는 것 같지만 확대되지는 않습니다.

     

    혹시 이건 어떨까 합니다.

    워드프레스 관리자 -> KBoard -> 대시보드 -> 커스텀 CSS 입력 필드에 아래 코드를 추가해서 확인해보시겠어요?

    #kboard { zoom: 150%; }

     

    모바일에서도 원활하게 화면을 표시하시려면 반응형 레이아웃으로 교체하셔야 할 듯합니다.

    고맙습니다.

  • www.haru.kr 입니다.

    모바일에서 버튼 크기, 글자 크기를 모두 다 키우고 싶은데 viewport때 보이는 게시판 모습처럼 보이게 하고 싶다면

    @media screen and (max-width: 600px) {
         내용
    }

    여기서 어떻게 해야 할지 도와주시면 감사하겠습니다. 스레드봇님

  • 안녕하세요.

    KBoard 스킨의 style.css 파일을 보시면 아시겠지만,

    화면 사이즈 너비(width)가 600px보다 작으면 게시판이 모바일 화면으로 보이게 되어있습니다.

    보통 반응형으로 동작한다면 전혀 문제가 없을테고요.

    반응형으로 동작한다면 모바일에서는 화면 너비가 600px보다 작을테니까요.

    확인 가능한 페이지 주소도 알려주시겠어요?

     

    참고로 스킨의 style.css 파일에 보시면 아래와 같은 코드가 있을겁니다.

    내용을 제외하고 앞 뒤 코드를 제거하시면 항상 모바일 화면으로 보일겁니다.

    @media screen and (max-width: 600px) {
         내용
    }

     

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기