댓글 달아주셨던 최신글에 이미지 표시하기 문의드립니다.
https://sir.kr/qa/?wr_id=61969
위 글에서 댓글로 달아주셨던 방법으로 index.php 파일에 삽입하여 이미지 출력은 성공적으로 마쳤습니다.
그런데, 제가 민트테마를 이용중이라 반응형 모바일인데, 민트테마가 최대크기가 800px으로 잡혀있어서, 이미지를 가로사이즈가 800px인걸로 제작하였습니다.
그대로 삽입했더니 반응형에 따라 움직이지 않고, 혼자 800px로 출력이 되서 가로스크롤이 생기더라구요, 이미지가 테마에 맞게 반응형으로 같이 동작하려면 어떤 명령어를 넣어주어야 할까요?
댓글목록 +3
댓글목록
관리자님의 댓글
관리자 작성일
해당 이미지에 style 값으로 width:100%; 를 넣어주면 됩니다.
예를 들어..
<div style="max-width:800px;margin-bottom:20px">
<img src="이미지경로.jpg" style="width:100%;height:auto">
</div>
독학하는초보자님의 댓글의 댓글
독학하는초보자 작성일
앗, 댓글을 제대로 안읽어보고, 해당 이미지를 div id값으로 묶어주고, mobile.css쪽에서 img{width:100%;}를 해줬습니다..
결과물은 완벽하게 이루어졌습니다. ^^
혹시 이렇게 하면 말씀해주신방법보다 사이트에 부하가 걸리나요? 제가 속도를 중요시해서요..
관리자님의 댓글의 댓글
관리자 작성일
css 파일에 그렇게 하시는 게 더 좋은 방법입니다.
그리고 속도는 이미지 원본 크기와 용량에 따라 차이가 날 뿐입니다.
이미지 자체 용량을 최대한 줄이셔야겠죠
