가형) 모바일 환경 폰트, 이미지 오류 등의 문의

김윤서
2022-08-15
299

안녕하세요. 홈페이지를 모바일로 확인했을 때 글씨나 이미지가 깨지는 현상이 발생하여 문의 드립니다.
홈페이지 주소입니다. https://cms.kookmin.ac.kr/adpr/index.do

첨부파일과 함께 확인해 주시면 감사하겠습니다 : )!

 
붙임1. 메인페이지 글자
메인페이지 문구가 한 글자만 부자연스럽게 떨어져 있어 글자 크기를 계속해서 수정해 보고 있지만 일정 폰트 크기에서 더 작아지지 않습니다. 해결 방안이 있을까요? 
붙임2.오시는길 지도 이미지
오시는길 페이지에 첨부된 지도 이미지가 모바일로 확인하면 옆으로 크게 퍼져있습니다. 혹시 이 것을 화면 크기에 맞게 설정할 수 있을까요?
붙임3. 교수진 소개 글씨 깨짐
모바일로 확인했을때 칸에 맞지 않게 글씨가 옆으로 빠져나오는 문제가 생겼습니다. 이는 어떻게 해결해야 하는지 궁금합니다.


감사합니다.

A.답변 드립니다

통합 관리자
2022-08-16

안녕하세요

국민대학교 정보기획팀입니다.

문의사항 답변 드립니다.

1-1. 메인비주얼 폰트 사이즈

메인비주얼 컨텐츠의 css 편집 화면에서 미디어쿼리 480px(모바일 사이즈) 이하 내용을 작성해야 모바일 사이즈에서 폰트 크기가 변경됩니다.

띄어쓰기 기준으로 줄바꿈이 필요한 경우 필요한 라인에 word-break:keep-all; 을 추가하시면 됩니다.

해당 건은 위의 이미지와 같이 변경되어, 모바일 화면에서 보시면 줄이 넘어가지 않는 것을 보실 수 있습니다.

1-2. 이미지의 반응형 크기 문제

html 편집 화면에서 이미지 태그를 <div class="img-box"></div> 로 감싸면 반응형에서 화면 밖으로 나가지 않고 알맞게 사이즈가 변경됩니다.

</div>

해당 건은 위와 같이 처리하여, 사이즈가 알맞게 변경된 것을 확인하실 수 있습니다.

1-3. 교수진 화면

학생분들께서 직접 에디터 편집으로 교수진 화면을 만드셨나봐요.

그래서 이 화면에는 반응형 적용이 되지 않아 모바일 화면에서 컨텐츠가 넘치는 것입니다.

국민대 CMS에는 교수진 컨텐츠에 대해 국민대학교 공식홈페이지에 업로드 되어 있는 교수진 컨텐츠를 바로 적용하는 방법과

교수진 게시판을 이용하여 원하는 정보를 추가 입력하는 방법, 2가지 방법이 마련되어 있습니다.

첫 번째 방법을 원하시는 경우, FAQ 8번, 대표 홈페이지에 있는 특정 부서(학과) 조직도/ 교수진 연동방법 의 글을 참고해주세요!

두 번째 방법을 원하시는 경우, 교수진(professor) 유형(첨부파일 사용 O)으로 게시판 생성 후,

게시글 작성 화면에서 노출 타입 type02를 선택하여,

소개 부분에 연구실, 약력 등을 작성하여 업로드하면 쉽게 화면 구성이 가능합니다.

추가로, 유지보수 공지사항 팝업을 확인하여 주셔서,

앞으로는 문의사항 남겨주실 때 제목에 해당 템플릿과 질문을 좀 더 구체적으로 남겨주세요~

그래서 다른 분들도 검색을 통해 도움을 받을 수 있도록 해주시면 감사하겠습니다.

해당 답변에 대해 이해가 되지 않으시거나 또 다른 문제가 있으시면

다른 게시판 글을 남겨주시거나 유선(02-910-4276)으로 연락주시기 바랍니다

감사합니다.

K* Homepage

무상 유지보수 게시판