미디어쿼리 오류..,?

미디어쿼리 오류..,?

QA

미디어쿼리 오류..,?

답변 1

본문

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

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

참고 URL남깁니다.

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

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 54
© SIRSOFT
현재 페이지 제일 처음으로