모바일에서 게시물 이미지 짤림 현상
본문
상기 이미지처럼 글은 제대로 나오는데 이미지가 오른쪽부분이 모바일에서 일정부분 짤리는데 해결법 아시는분 있으실까요? 모바일을 옆으로 돌리면 이미지가 다 보이기는해요... 아미나 빌더이구요.
감사합니다.
답변 4
html 소스를 봐야겠지만
<div class="mobile_content">
<img src="..." />
글내용
</div>
이런식이라면 css에
.mobile_content img { max-width:100%; }
이런식으로 주면 되지 않을까요?
어떤파일에서 수정하나요? default.css인가요? ㅜㅜ
캡쳐하신 이미지 링크 알려주시면 말씀드릴 수 있을 것 같아요~
주신 링크에 보면
이미지가 테이블로 감싸져 있고
스타일이 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을 안 쓰신 다면 두번째 방법도 괜찮습니다.
감사합니다. 첫번째 방법으로는 해결이 되는데 두번째 방법은 여전히 해결이 안되네요 ㅜㅜ 파싱이라 두번째 방법이 됐으면했는데.. 수동으로 하는수밖에 없을듯하네요 ㅜㅜ 감사합니다
아마 적용이 되었는데 캐시 때문에 적용 안되어 보이실 수 있어요~
아 그러네요 :) 해결됐습니다~ 감사합니다~
width:100% 로 설정해보세요~
경로좀 알수있을까요? 쌩초보라 ㅜㅜ
다른곳에서 복사해서 붙여 넣기 한 경우..
이미지에 width 가 설정되어 있을 겁니다.
내용(html)에서 수정하셔야 합니다.
저도 도움받고갑니당!
