responsive 채택완료
루이스킴
6년 전
조회 2,113
http://lcr7138.cafe24.com/index_0819.asp
안녕하세요 반응형때문에 모하나 여쭤볼게요
위사이트 보시면
중간에
위 이미지가 있는데
이게 아이패드정도의 창사이즈로 줄이면 위에 3개의 이미지가2개로 줄어들고 모바일사이즈로 줄이면 이미지가1개로 줄어듭니다.
이걸 아이패드정도의 창사이즈로 줄이면 1개이 이미지가 나오게할순 없나요 모바일처럼 1개의 이미지로 쭉 내려오게요..
css 어디부분을 수정해야할지 도통 모르겠습니다.
감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
댓글을 작성하려면 로그인이 필요합니다.
6년 전
이런식이에요.
</p>
<p>@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; }
}</p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인