http://lcr7138.cafe24.com/index_0819.asp
안녕하세요 반응형때문에 모하나 여쭤볼게요
위사이트 보시면
중간에
위 이미지가 있는데
이게 아이패드정도의 창사이즈로 줄이면 위에 3개의 이미지가2개로 줄어들고 모바일사이즈로 줄이면 이미지가1개로 줄어듭니다.
이걸 아이패드정도의 창사이즈로 줄이면 1개이 이미지가 나오게할순 없나요 모바일처럼 1개의 이미지로 쭉 내려오게요..
css 어디부분을 수정해야할지 도통 모르겠습니다.
감사합니다.
|
답변 2개
채택된 답변
+20 포인트
2019-08-17 (토) 13:26:05
@media 라고 검색하시면 가로 해상도에 비례하여 별도 css 를 지정할수 있습니다.
2019-08-17 (토) 15:38:13
이런식이에요.
Copy
@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; }
}답변을 작성하려면 로그인이 필요합니다.