회사소개 페이지 내 반응형 이미지 구현
본문
초보가 질문드립니다.
현재 상황입니다.
1. (그누보드5) 서버주소/bbs/content.php?co_id=company
페이지에서, 가로로 긴 이미지를 에디터를 이용하여 삽입하였습니다. (관리자모드 - 게시판관리 - 내용관리)
2. 모바일로 접속했을 때, 이미지가 가로로 너무 길어 제대로 보이지 않는 문제점이 발견되었습니다. 스크롤도 안되는 상황입니다.
3. 문제를 해결하기 위해 구글링 한 결과 아래처럼 html코드를 변경해주면 된다고 하여 1의 html에디터를 사용하여 수정하였습니다.
<img src="이미지 경로" style="max-width:100%; height:auto">
4. 그러나 문제가 해결되지 않아 확인해보니, html 코드를 수정하고 '확인'을 눌러 저장하면, style부분이 사라지는 것을 확인했습니다.
5. 따라서 html 에디터가 아닌 ftp접속 -> 메모장으로 수정 뒤 업로드를 하려고 ../bbs/content.php 를 열어 보았으나, 다른 내용만 나올 뿐, 제가 작성한 내용은 찾아볼 수 없었습니다.
질문입니다.
1. '회사소개' 페이지의 ftp 경로를 알 수 있을까요? 브라우저를 통해 로딩하면 서버주소/bbs/content.php?co_id=company 로 표시되어 있습니다.
2. 혹은 '회사소개' 페이지에 관여하는 css 파일 경로를 알 수 있을까요? 여기에 이미지 크기와 관련된 태그를 추가하면 되지 않을까요...
읽어주셔서 감사합니다 ㅜㅜ
답변 2
'회사소개' 페이지는 존재하지 않고 별도의 커스텀되지 않은 환경인 경우
'내용관리' 페이지에서 기본적으로 다음 css 파일을 참조 하는것 같고
https://github.com/gnuboard/gnuboard5/blob/master/skin/content/basic/style.css
<img src="이미지 경로" style="max-width:100%; height:auto">
의 max-width 역할을 다음 부분에서 이미 하고 있는것 같습니다.
https://github.com/gnuboard/gnuboard5/blob/master/skin/content/basic/style.css#L8
답변해주셔서 감사합니다. 이미 환경은 갖춰져 있는데 적용이 안되는 사례인것 같네요 ㅜㅜ 다른 방법을 알아봐야겠습니다..
문제 해결했습니다 ;;
관리자모드 - 게시판관리 - 내용관리에서
'스킨 디렉토리' 와 '모바일스킨 디렉토리' 의 테마값을 (테마) basic 으로 변경했었는데,
기본값인 basic 으로 변경하니 해결되었네요... ^^;;;
