답변 4개 / 댓글 8개
채택된 답변
+20 포인트
html 소스를 봐야겠지만
<div class="mobile_content">
<img src="..." />
글내용
</div>
이런식이라면 css에
.mobile_content img { max-width:100%; }
이런식으로 주면 되지 않을까요?
답변에 대한 댓글 7개
주신 링크에 보면
이미지가 테이블로 감싸져 있고
스타일이 inline 으로
<table style="width:640px;"
위 처럼 들어가 있어요.
이럴 경우 제일 간단한 해결책은 해당 글을 수정하기 누르셔서
html 편집으로 들어가셔서
style="width:640px;"
이 부분을 삭제하시면 되시고
두번째로는
/skin/board/Miso-Basic/view/basic/view.css
파일 안에
.view-content table {
width: 100% !important;
max-width: 100%;
}
내용을 넣으시는 방법도 있으세요. inline으로 스타일이 먹고 있어 부득이 !important를 쓰지 않으면 적용이 안되네요.
두번째 방법은 부작용이 있을 수 있는데
글을 쓸때 table 태그를 넣으면 자동으로 가로 100% 가 적용된다는 거예요.
첫번째 방법을 추천 드리되 글 쓰실 때 table을 안 쓰신 다면 두번째 방법도 괜찮습니다.
이미지가 테이블로 감싸져 있고
스타일이 inline 으로
<table style="width:640px;"
위 처럼 들어가 있어요.
이럴 경우 제일 간단한 해결책은 해당 글을 수정하기 누르셔서
html 편집으로 들어가셔서
style="width:640px;"
이 부분을 삭제하시면 되시고
두번째로는
/skin/board/Miso-Basic/view/basic/view.css
파일 안에
.view-content table {
width: 100% !important;
max-width: 100%;
}
내용을 넣으시는 방법도 있으세요. inline으로 스타일이 먹고 있어 부득이 !important를 쓰지 않으면 적용이 안되네요.
두번째 방법은 부작용이 있을 수 있는데
글을 쓸때 table 태그를 넣으면 자동으로 가로 100% 가 적용된다는 거예요.
첫번째 방법을 추천 드리되 글 쓰실 때 table을 안 쓰신 다면 두번째 방법도 괜찮습니다.
답변을 작성하려면 로그인이 필요합니다.