그누보드 게시판 첨부이미지 반응형으로 만들고싶어요!
본문
#개발배경</b></p><p align="center"><b><img src="http://10.80.1.152/new/data/editor/1901/d64c25e66582c5309460bfe281311eb9_1548051332_433.jpg" title="d64c25e66582c5309460bfe281311eb9_1548051332_433.jpg"><br style="clear:both;"> </b></p><p align="center"><b>
이 부분인데
인터넷 검색해서
<section>
<h2>이미지를 자동으로 화면에 맞게 리사이즈 되도록</h2>
<img src="img/pic01.jpg" alt="">
</section>
이코드에 맞춰서 넣어봤음에도 불구하고 변화가 없길래 어떻게 해야 할지 갈피가 잡히지 않아서 질문합니다.
답변 3
에디터 내부 이미지를 수정하시고 싶으신거라면 html 부분에서 <img 를 찾아서 width="100%" 를 작성해 넣으시거나 이미 기존에 width 가 있다면 수정하시고 height 는 삭제 해주시면 됩니다.
그럼 사이트의 사이즈에 따라 가로기준 100% 크기로 적용이 될겁니다.
적용해보니 이 적용된 이미지만 멀뚱하게 크게나오고 나머지 이미지는더 작게줄어들어있어요
어떻게든 잘 찾아서 해결해볼게요! 덕분에 도움 많이 되었습니다!
css 자체에 img { max-width:100%; } 를 넣어두시면 생뚱맞게 크게 나오는 경우는 잘 없을겁니다.
반응형은 css로 적용시킵니다.
아래 소스 참고하세요.
<section>
<h2>이미지를 자동으로 화면에 맞게 리사이즈 되도록</h2>
<img src="img/pic01.jpg" alt="">
</section>
<style>
section { width:100%; }
section > img { width:100%; }
</style>
그누보드 게시판 작성에서 HTML로 수정 못하는건가요..? (죄송합니다 완전 초보라)
질문 조금 수정할게요
개발자모드에서는 적용이 되는데 그누 자체에서는 안되네요 ㅠㅠ
위 그림과 같이 게시판 내용관리 소스 수정하려고 하는데 어디 들어가서 찾아야 하나요??
답변을 작성하시기 전에 로그인 해주세요.
