미디어쿼리 오류..,?
본문
1200일때 잘 먹히는데 480에서 먹히지 않습니다..
그래서 480의 max-width를 min-width로 바꾸었는데 이번엔 1200이랑 그이상 해상도가 480반응형이 먹혀버리네요
해결책좀 부탁드립니다 ,,
@media screen and (max-width: 1200px) {
.header_inner, footer .inform_inner, .content_inner, section .txt_box {width: 95%;}
#wrapper { height: 700px; overflow-y: hidden;}
#slider li {float:left; width: 1200px; height: 700px; position: relative; top:0; left: 0;}
#slider li .bg {width: 100%; height: 100%;}
#slider li .ccc, #slider li p, .sliderbutton.btn_prev {left: 150px;}
.sliderbutton.btn_next {left: 220px}
.sliderbutton.btn_prev, .sliderbutton.btn_next {top: 65%}
.content_inner .con .con_box {width: 280px;}
.content_inner .con .con_box .tit_img {width: 280px;}
.content_inner .busi_tit {font-size: 40px;}
.content_main .bar.bar3, .content_main .bar.bar1 {left: -270px;}
.content_main .bar.bar2 {right: -275px;}
.btn_box.btn_box01 {left: 548px;}
.btn_box.btn_box02 {left: -410px;}
.btn_box.btn_box03 {left: 550px;}
#counter {width: 100%}
.forcustomer {width: 100%;}
footer .inform, footer .inform_inner {background: none;}
}
@media screen and (max-width: 480px) {
section {display: none;}
.content_inner .con {display: block;}
.content_inner .txt_box {text-align: center;}
.content_inner .con .con_box {width: 100%; height: 157px;}
.content_inner .con .con_box .tit_img img {border-radius: 30px 0 0 30px;}
footer .inform, footer .inform_inner {background-color: #556184;}
}