테스트 사이트 - 개발 중인 베타 버전입니다

그누보드 게시판 첨부이미지 반응형으로 만들고싶어요! 채택완료

YounghoonDanielBan 6년 전 조회 3,619

 #개발배경</b></p><p align="center"><b><img src="<a href="http://10.80.1.152/new/data/editor/1901/d64c25e66582c5309460bfe281311eb9_1548051332_433.jpg"" target="_blank" rel="noopener noreferrer">http://10.80.1.152/new/data/editor/1901/d64c25e66582c5309460bfe281311eb9_1548051332_433.jpg"</a> 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개

채택된 답변
+20 포인트

에디터 내부 이미지를 수정하시고 싶으신거라면 html 부분에서 를 찾아서 width="100%" 를 작성해 넣으시거나 이미 기존에 width 가 있다면 수정하시고 height 는 삭제 해주시면 됩니다.

 

그럼 사이트의 사이즈에 따라 가로기준 100% 크기로 적용이 될겁니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

Y
YounghoonDanielBan
6년 전
적용해보니 이 적용된 이미지만 멀뚱하게 크게나오고 나머지 이미지는더 작게줄어들어있어요
Y
YounghoonDanielBan
6년 전
어떻게든 잘 찾아서 해결해볼게요! 덕분에 도움 많이 되었습니다!
내가누구야
6년 전
css 자체에 img { max-width:100%; } 를 넣어두시면 생뚱맞게 크게 나오는 경우는 잘 없을겁니다.

댓글을 작성하려면 로그인이 필요합니다.

질문 조금 수정할게요

개발자모드에서는 적용이 되는데 그누 자체에서는 안되네요 ㅠㅠ

 

위 그림과 같이 게시판 내용관리 소스 수정하려고 하는데 어디 들어가서 찾아야 하나요??

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

반응형은 css로 적용시킵니다.

아래 소스 참고하세요.

 

</p>

<p><section>

    <h2>이미지를 자동으로 화면에 맞게 리사이즈 되도록</h2>

    <img src="img/pic01.jpg" alt="">

</section></p>

<p> </p>

<p><style></p>

<p>section { width:100%; }</p>

<p>section > img { width:100%; }</p>

<p></style></p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

Y
YounghoonDanielBan
6년 전
그누보드 게시판 작성에서 HTML로 수정 못하는건가요..? (죄송합니다 완전 초보라)

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인