이전 목록 다음
채택완료

pc에서는 적당한 이미지 크기가 모바일에서는 넘쳐버립니다.

yyo00
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-04-20 (토) 14:33:14 5,524

여러군데 다 검색해보았는데 해결되지 않아 이렇게 글 올립니다.

게시판에 에디터를 이용하여 이미지를 올리면 pc에서는 width="100%"가 적용되어 보기 좋은데

모바일에서는 이미지의 원래크기로 출력되어 폰 화면을 넘어가버립니다.

좋은 방법이 없을까요???

그누보드5 이미지크기 모바일이미지
|

답변 4개 / 댓글 2개

채택된 답변
+20 포인트
코딩하는기계
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-04-20 (토) 15:17:31

css에서 % 사이즈 지정자는 해당 박스가 지정되어 있는 부모 박스의 크기에 비례한 % 사이즈 입니다.

답변에 대한 댓글 1개

yo00
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-04-20 (토) 15:25:49
그렇군요! 아 하...감사합니다.
yyo00
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-04-20 (토) 15:26:53

css에 퍼센트가 아닌 고정픽셀을 주니까 바로 해결되는군요..

#content img { width:320px; }

말씀주신 여러분께 감사드립니다.

복 많이 받으십시오...꾸벅

FFullstackCreative
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-04-20 (토) 14:55:03

반응형일 경우 사이즈에 따라 다르게 스킨의 css를 적용해주시고

예)

Copy 
@media screen and (max-width:600px){
    #content img { width:100%; }
}

모바일 버전이 따로 구축되어 있다면 mobile 게시판 스킨의 css를 수정해주세요.

예)

Copy 
#content img { width:100%; }

답변에 대한 댓글 1개

yo00
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-04-20 (토) 15:23:28
이미 적용해보았는데 안되는 군요...ㅠㅠ
ETY1.1 테마를 사용하고 있고
list.skin.php페이지에서 view.skin.php의 내용을 땡겨와서 출력하고 있습니다.
적용이 되질 않아 애먹고 있습니다.

[list.skin.php]
<div id="content"><?php echo $list[$i]['content']; ?></div>
[style.css]
#content img { width:100%; }
열린이글
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-04-20 (토) 14:36:12

웹 언어로 조건 문을 달아서  틀리게 적용하세요

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