테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

게시판 글 내용(이미지) 반응형?

맛동산투 2년 전 조회 2,545
답변 2
목록

게시판에 글을 쓸때 이미지를 누르고 넣은 다음 내용을 씁니다.

그런데, 모바일에서 보면 이 이미지가 짤려? 보입니다.

모바일 화면에 맞춰서 보이게끔 하는 방법이 있을까요?

모든 게시판이 다 그렇습니다.

 

한번에 설정해 놓으면, 이후 이미지 삽입시 모바일에서

화면에 맞게 보이게 하는 방법이 있는지요?

초보라 도움 부탁드립니다.

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

답변 2개

플라이
플라이 Expert
2년 전

@세크티 님 말씀처럼 반응형 처리를 위해서는 비율을 퍼센트로 적용이 되어야 원활한 적용이 됩니다.

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

답변에 대한 댓글 1개

�
맛동산투
2년 전
여기저기 다 넣어봐도 되지를 않네요;ㅠ

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

세크티
세크티
2년 전

css 추가하세요. 

#bo_v_con img{max-width:100%}

전체적으로 적용하실려면 default.css에 추가하세요.

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

답변에 대한 댓글 6개

�
맛동산투
2년 전
추가를 했는데, 왜 안되는걸까요?
저는 AT_WEB01 테마를 쓰고 있습니다.
�
세크티
2년 전
테마내에 공통으로 사용되는 css파일에 추가해보세요. 그래도 안되면 게시판 본문스킨에서 본문을 감싸는 태그를 찾아서 #bo_v_con 대신 해당 태그의 id나 클래스로 셀렉터를 변경해보세요
�
맛동산투
2년 전
<section class="viewSkin">
<article class="inner">
<h1 class="blind">갤러리 카테고리</h1>
<div class="textBox">
<h2 class="cate">
</h2>
<p class="title2">test</p>
<dl>
<dt>등록일</dt>
<dd><span>2023-07-25</span></dd>
<dd><span><span class="sv_member">최고관리자</span></span></dd>
</dl>
</div>
<div class="img_box2">
<div id="bo_v_img">
</div>
</div>
<div class="cont_box">
<p><p>test<br /></p><p><br /></p><p><br /></p><p><img src="/data/editor/2307/thumb-e3e02b9f71f944074e732aba4c5f3c41_1690248790_1139_835x470.jpg" alt="e3e02b9f71f944074e732aba4c5f3c41_1690248790_1139.jpg"/><br style="clear:both;" /><img src="/data/editor/2307/thumb-e3e02b9f71f944074e732aba4c5f3c41_1690248790_9573_835x470.jpg" alt="e3e02b9f71f944074e732aba4c5f3c41_1690248790_9573.jpg"/><br style="clear:both;" /> </p></p>
</div>
<div class="info_box">
</div>
<div class="list_move">
<a href="#" >
목록
</a>
</div>
</article>
</section>

이렇게 되어 있으면 어디 부분을 수정해야 하나요?ㅠ
감사합니다.
�
세크티
2년 전
<style>
.viewSkin img{max-width:100%}
</style>

<section class="viewSkin">
<article class="inner">
<h1 class="blind">갤러리 카테고리</h1>
<div class="textBox">
<h2 class="cate">
</h2>
<p class="title2">test</p>
<dl>
<dt>등록일</dt>
<dd><span>2023-07-25</span></dd>
<dd><span><span class="sv_member">최고관리자</span></span></dd>
</dl>
</div>
<div class="img_box2">
<div id="bo_v_img">
</div>
</div>
<div class="cont_box">
<p><p>test<br /></p><p><br /></p><p><br /></p><p><img src="/data/editor/2307/thumb-e3e02b9f71f944074e732aba4c5f3c41_1690248790_1139_835x470.jpg" alt="e3e02b9f71f944074e732aba4c5f3c41_1690248790_1139.jpg"/><br style="clear:both;" /><img src="/data/editor/2307/thumb-e3e02b9f71f944074e732aba4c5f3c41_1690248790_9573_835x470.jpg" alt="e3e02b9f71f944074e732aba4c5f3c41_1690248790_9573.jpg"/><br style="clear:both;" /> </p></p>
</div>
<div class="info_box">
</div>
<div class="list_move">
<a href="#" >
목록
</a>
</div>
</article>
</section>

이렇게 해보세요
�
맛동산투
2년 전
컥..됐습니다. 성공입니다. 정말감사합니다. 복받으세요..
진작에 여기에 물어볼껄 그랬네요..정말 감사요~~
�
맛동산투
2년 전
근데, 정말 죄송합니다만, 여기에 들어가는 글씨가 모바일에서 짤려서 나오는건 왜 그런걸까요?
kadsjflksdjkljdflk ...... 뒷부분이 안보이네요 (이런식으로)

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

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

로그인