모바일 게시판 크기

안녕하세요, 예전에 게시판이 웹사이트에서는 너무 넓게 나와서 보내주신 코드로 이렇게 작성을 해서 컴퓨터에서는 잘 보이는데 모바일에서는 너무 축소되가지구요

혹시 모바일에서는 전체 넓이로 보되 컴퓨터에서는 축소된 상태로 볼 수 있는 방법이 있을까요?

 

감사합니다!

 

#kboard-default-list,
#kboard-default-document,
#kboard-default-editor { display: block; margin: 0 auto; width: 55%; overflow: hidden; }
#kboard-default-document .kboard-document-action .left { display: none; }

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    CSS 미디어 쿼리를 활용하시면

    모바일 사이즈에서만 동작하는 CSS 코드를 추가하실 수 있습니다.

     

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 추가해보세요.

    @media screen and (max-width: 600px) {
    	#kboard-default-list,
    	#kboard-default-document,
    	#kboard-default-editor { width: 100%; }
    }

    해당 코드는 기존 코드 밑에 추가해보세요.

    고맙습니다.

  • 안녕하세요

     

    CSS 입력 필드에 적었는데도 안 변하네요.. ㅜㅜ

    이게 세로로 볼 때는 바뀐 것 같은데 핸드폰을 가로로 눕혀서 글을 보면 계속 그대로입니다 ㅜㅜ

  • 모바일용 CSS 코드는 PC용 CSS 코드 아래에 추가해주셔야 합니다.

     

    해당 코드가 적용되지 않는다면

    브라우저의 캐시를 비우신 후에 확인해보시겠어요?

    크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

     

    만약, 아이프레임으로 보기 기능을 활성화하셨다면

    워드프레스 관리자 -> KBoard -> 대시보드 페이지에서

    커스텀 CSS 입력 필드에 코드를 추가해보세요.

     

    그래도 해결되지 않으신다면

    비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기