휴대폰 가로 화면에서 폰트 크기

안녕하세요. KBoard의 default 스킨을 활용하여 워드프레스 홈페이지를 제작 중입니다.

그런데, 게시판의 글을 클릭하여 읽기 모드로 전환되었을 때, 글의 제목과 내용의 폰트가 화면 크기에 따라 자동으로 바뀌나요?

노트북 화면에서와 휴대폰 화면에서는 적절해 보이는데, 휴대폰을 가로로 돌려 보면 글 제목과 내용의 한글 폰트가 갑자기 커져서 부자연스럽습니다. 

화면 크기에 따라 글 제목과 내용의 폰트가 적절히 조절되게 하려면 어떻게 해야하나요?

아래와 같이 커스텀 CSS 업데이트를 해 보았는데 소용이 없네요...

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

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