안녕하세요~^^

휴대폰의 가로 모드에서 너비가 600 픽셀보다 크다면

올려주신 코드는 적용되지 않습니다.

아래의 코드처럼 max-width 값을 늘리신 후에 다시 확인해보시겠어요?

@media screen and (max-width: 700px) {
	/* 가로 */
    #kboard-default-document > div.kboard-document-wrap > div.kboard-title > h1 { font-size: 13px; }
    #kboard-default-document > div.kboard-document-wrap > div.kboard-content > div { font-size: 12px; }
}

@media screen and (max-width: 400px) {
	/* 세로 */
    #kboard-default-document > div.kboard-document-wrap > div.kboard-title > h1 { font-size: 22px; }
    #kboard-default-document > div.kboard-document-wrap > div.kboard-content > div { font-size: 14px; }
}

위의 코드에서 max-width 부분을 적절히 수정하시면

휴대폰의 가로모드, 세로모드 따로 CSS 속성을 추가하실 수 있습니다.

고맙습니다.

답변 감사합니다^^

그런데, max-width 부분을수정하면서 테스트해 봤는데요... 제목의 폰트는 괜찮은 거 같은데, 내용의 폰트가 여전히 크게 나와요. 폰트 사이즈가 휴대폰 세로 화면에서는 적절히 구현되는데 가로로 돌리면 커져 버립니다. 해결 방법이 없을까요? 휴대폰에서 보여지는 거라 여기에 올릴 수도 없고 그러네요...

CSS 코드 수정은 저희가 페이지를 봐야 좀 더 자세하게 안내해드릴 수 있습니다.

확인 가능한 페이지 주소 알려주시면 살펴보겠습니다.

고맙습니다.