responsive

responsive

QA

responsive

본문

http://lcr7138.cafe24.com/index_0819.asp

 

안녕하세요  반응형때문에 모하나 여쭤볼게요

위사이트 보시면

중간에 

3024421181_1566013846.2189.png위 이미지가 있는데

 

이게 아이패드정도의 창사이즈로 줄이면 위에 3개의 이미지가2개로 줄어들고 모바일사이즈로 줄이면 이미지가1개로 줄어듭니다.

이걸 아이패드정도의 창사이즈로 줄이면 1개이 이미지가 나오게할순 없나요 모바일처럼 1개의 이미지로 쭉 내려오게요..

css 어디부분을 수정해야할지 도통 모르겠습니다. 

감사합니다.

이 질문에 댓글 쓰기 :

답변 2

이런식이에요.


@media all and (max-width: 599px) {
    .img { width:100%; }
}
@media all and (min-width: 600px) and (max-width: 799px) { /* 여길 ipad 에 맞게 고치고 */
    .img { width:50%; }  >>> 를  .img { width:100%; }  로 고치면 되겠죠
}
@media all and (min-width: 800px) {
    .img { width:auto; }
}
답변을 작성하시기 전에 로그인 해주세요.
전체 364
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT