테스트 사이트 - 개발 중인 베타 버전입니다

미디어쿼리 오류..,? 채택완료

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;}

 }

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

기본스타일을 대화면(1200px이상) 기준으로 작업을 하는지 모바일(480px이하)로 적용하는지에 따라서 달라질것 같은데요

참고 URL남깁니다.

https://naradesign.github.io/article/media-query.html">https://naradesign.github.io/article/media-query.html

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록