안녕하세요, 예전에 게시판이 웹사이트에서는 너무 넓게 나와서 보내주신 코드로 이렇게 작성을 해서 컴퓨터에서는 잘 보이는데 모바일에서는 너무 축소되가지구요
혹시 모바일에서는 전체 넓이로 보되 컴퓨터에서는 축소된 상태로 볼 수 있는 방법이 있을까요?
감사합니다!
#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 입력 필드에 코드를 추가해보세요.
그래도 해결되지 않으신다면
비회원으로도 확인 가능한 페이지 주소 알려주시겠어요?
고맙습니다.