토론방

분류목록

소스관련 스마트폰 이미지가 반응형에 않맞는 문의

스마트폰의서 입점브랜드를 들어가면 이미지가 반응형을 전혀 인식을 못합니다. 이미지는 그냥있고, 화면만 줄어드는 상태입니다.

어디를 어떻세 수정하면 될까요?

그리고, 입점브랜드가 모바일에서는 보이지 않는데, 보이게 하는 방법이 있을까요?

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

P**M 2014-11-04

가장간단하게 할려면 출력되는 이미지에 스타일을 주는 방법이 간단할것 같습니다.

http://www.kizbaby.co.kr/page/kizabout_1

이 페이지의 경우 관리자 페이지에서 보면

<div>
                   <style type="text/css">
.introduce .hgroup {border-bottom:1px solid #ccc; color:#333;}
.introduce .hgroup h1 {margin:0; padding:4px; font-size:18px;}
.introduce .contents {font-size:12px; padding:10px 8px; color:#555;}
</style>

<div class="introduce">
   <div class="hgroup">
       <h1>키즈베이비소개</h1>
   </div>

<div>
<img src="/img_up/shop_pds/kizbaby/design/2014/B_kizbaby.jpg">
</div>

   <div class="contents">
           </div>
</div>               </div>

이렇게 구성이 되어있습니다. 이것을

<div>
                   <style type="text/css">
.introduce .hgroup {border-bottom:1px solid #ccc; color:#333;}
.introduce .hgroup h1 {margin:0; padding:4px; font-size:18px;}
.introduce .contents {font-size:12px; padding:10px 8px; color:#555;}
</style>

<div class="introduce">
   <div class="hgroup">
       <h1>키즈베이비소개</h1>
   </div>

<div>
<img src="/img_up/shop_pds/kizbaby/design/2014/B_kizbaby.jpg" style="max-width:100%">
</div>

   <div class="contents">
           </div>
</div>               </div>

이렇게 정의를 해주시면 이미지가 반응형에 맞춰서 줄어들것입니다.

댓글작성

열기 닫기

top