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

모바일 화면에서 상품 썸네일 이미지크기 채택완료

스피아민트 6년 전 조회 4,118

모바일에서 상품 썸네일 이지지가 ....pc화면으로 나오는거 같아요

관리자에서 사이즈 조절을 해도 상품자체 이미지가 크게 나오네요

어떻게 할 방법이 없을까요 ??

예) 현수막 이미지 가로폭 700인데 ...

메인에 노출시키면 왼쪽 약간 일부분만 보여지네요 ...상품페이지에서도 마찬가지구요

사이즈는 크게 나와요 

수정할 방법이 없을까요?

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

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
6년 전

미디어 속성 이용해서 모바일 일 땐 가로 100% 주고 height는 auto 주시면 될 듯 합니다.

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

답변에 대한 댓글 2개

스피아민트
6년 전
미디어 속성을 어디에 넣나요
속성을 어떻게 작성해야 할지 ..모르겠네요
media screen and (max-width: 100%) and (min-width : 360px) {
body { background-color: red; }

}
이런식으로 작성 되는게 맞나요 ??
s
sinbi
6년 전
@media all and (max-width:OOpx) {

해당 배너 이미지 선택자 {
width:100%; height:auto;
}

}

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

         

           
               

추천상품

               

추천상품 모음

           
            set_mobile(true);             $list->set_type(2);             $list->set_view('it_id', false);             $list->set_view('it_name', true);             $list->set_view('it_cust_price', true);             $list->set_view('it_price', true);             $list->set_view('it_icon', true);             $list->set_view('sns', true);             echo $list->run();             ?>                    
       

 

여기에 미디어 쿼리를 넣을수 있나요 ??

 

 

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

답변에 대한 댓글 1개

s
sinbi
6년 전
클래스나 아이디를 이용해 선택자를 준 후,
미디어쿼리는
외부스타일파일에 별도로 넣어주거나
내부스타일 형식으로 파일 위쪽에 따로 정의해 넣어주시면 되세요.

스타일 형식
https://homzzang.com/b/css-3

클래스 아이디 차이
https://homzzang.com/b/css-5

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

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

로그인