답변 1개 / 댓글 2개
채택된 답변
+20 포인트
이미지로 제작되어잇는 컨테츠 부분을 보여주어야할것과
감추어야할 영역을
서로 다른 class로 이름을 지정하시고
반응형 사이즈에 맞게
left-main 과 같이 display:none 되게끔
넣어두시면됩니다.
답변을 작성하려면 로그인이 필요합니다.
그래도 모바일화면 오른쪽에 그래도 여백이 많이 남는데....ㅜㅜ
이부분에서 잘못된게 있을까요?
@media screen and (max-width: 1249px) {
.left_main {display:none;}
.left_top {display:none;}
.right_main {display:none;}
.right_top {display:none;}
}
@media screen and (min-width: 1250px) and (max-width: 1499px) {
.left_main {display:inline-block;}
.left_top {display:inline-block;}
.right_main {display:none;}
.right_top {display:none;}
}
@media screen and (min-width: 1500px) {
.left_main {display:inline-block;}
.left_top {display:inline-block;}
.right_main {display:inline-block;}
.right_top {display:inline-block;}
}