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

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

yo00 6년 전 조회 5,145

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

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

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

 

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

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

답변 4개

채택된 답변
+20 포인트

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

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

답변에 대한 댓글 1개

y
yo00
6년 전
그렇군요! 아 하...감사합니다.

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

y
6년 전

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

#content img { width:320px; }

 

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

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

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

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

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

예)

</p>

<p>@media screen and (max-width:600px){

    #content img { width:100%; }

}</p>

<p>

 

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

예)

</p>

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

<p>

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

답변에 대한 댓글 1개

y
yo00
6년 전
이미 적용해보았는데 안되는 군요...ㅠㅠ
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%; }

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

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

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

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

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

로그인