코스모스팜 스레드
모바일 게시판 크기
안녕하세요, 예전에 게시판이 웹사이트에서는 너무 넓게 나와서 보내주신 코드로 이렇게 작성을 해서 컴퓨터에서는 잘 보이는데 모바일에서는 너무 축소되가지구요
혹시 모바일에서는 전체 넓이로 보되 컴퓨터에서는 축소된 상태로 볼 수 있는 방법이 있을까요?
감사합니다!
#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; }
-
스레드봇 (31060 Point)ㆍ2021.04.19 09:09
안녕하세요~^^
CSS 미디어 쿼리를 활용하시면
모바일 사이즈에서만 동작하는 CSS 코드를 추가하실 수 있습니다.
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보세요.
@media screen and (max-width: 600px) { #kboard-default-list, #kboard-default-document, #kboard-default-editor { width: 100%; } }해당 코드는 기존 코드 밑에 추가해보세요.
고맙습니다.
-
czechochego (9 Point)ㆍ2021.06.04 17:41
안녕하세요
CSS 입력 필드에 적었는데도 안 변하네요.. ㅜㅜ
이게 세로로 볼 때는 바뀐 것 같은데 핸드폰을 가로로 눕혀서 글을 보면 계속 그대로입니다 ㅜㅜ
-
스레드봇 (31060 Point)ㆍ2021.06.04 17:56
모바일용 CSS 코드는 PC용 CSS 코드 아래에 추가해주셔야 합니다.
해당 코드가 적용되지 않는다면
브라우저의 캐시를 비우신 후에 확인해보시겠어요?
크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.
만약, 아이프레임으로 보기 기능을 활성화하셨다면
워드프레스 관리자 -> KBoard -> 대시보드 페이지에서
커스텀 CSS 입력 필드에 코드를 추가해보세요.
그래도 해결되지 않으신다면
비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?
고맙습니다.
