크롬80버전 결제 이슈, 영카트5 주요패치 확인!

모바일에서 width 문제

그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
모바일에서 width 문제

QA

사수가 없어도 할 수 있다! 초보자를 위한 그누보드 FAQ

모바일에서 width 문제

본문

안녕하세요, 제가 https://theme.sir.kr/gnuboard54/demo/hoho 테마를 적용을 시켰습니다. 그런데 참 희한하게도 pc 브라우저는 width를 좁혀도 정상으로 나오는데, 핸드폰 브라우져를 띄우면 아래 이미지와 같이 됩니다. 

 

1448233473_1591053162.2975.jpg

 

제가  첨부한 이미지 파일을 보시면 빨간 색으로 표시한 부분이 저렇게 빕니다. 핸드폰 브라우져에서 다른 메뉴는 괜찮은데, 게시판에서 게시물 보기에서 저런 현상이 생깁니다. 화면 폭에 맞추어 키우면 우측 아래 톱버튼이 밖으로 나가 버립니다. 제가 개인적으로 만든 게시판 스킨을 쓰면 문제가 없는데, 테마 베이직 스킨으로 쓰면 저런 현상이 생깁니다. css를 아무리 건드려봐도 잘 모르겠네요.ㅠㅠ

 

고수님들 중 혹시 실마리가 될 만한 조언을 주실 수 있으실까요...?

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

DSLOVE님의 답변

/theme/hoho/mobile/skin/board/basic/style.css

243번줄 .cmt_btn 클래스에 width:100% 가 잡혀있는데,

304번줄 969이하 미디어쿼리 제어에서 공통적으로 margin:10px이 잡혀있네요.

범위를 벗어나서 옆에 공간이 생긴겁니다.

해결방법은

@media (max-width: 969px) {
.cmt_btn {width:auto;}
}

 

주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 88,941 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT