미디어쿼리 관련 도와주세요~~ㅜㅜ

미디어쿼리 관련 도와주세요~~ㅜㅜ

QA

미디어쿼리 관련 도와주세요~~ㅜㅜ

본문

사이트가 반응형으로 제작이 되어있는데

모바일에서는 사이즈가 안맞아서 미디어쿼리를 달아보라는데

 

<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>mediaquery</title>
    <style>
        div{
            border: 10px solid green;
            font-size: 60px;
        }
        /*
          screen width >= 800px
        */
        @media(min-width:800px){
            div{display: none
            }
        }
    </style>
</head>

<body>
    <div>
       Responsive
    </div>
</body>
</html>

 

이 구문을 달아볼려 하는데 달아야하는 위치를 모르겠어서요  ㅠㅠ

어디에 붙어야 하는지 좀 알려 주세요  부탁드립니다...ㅜㅜ

이 질문에 댓글 쓰기 :

답변 1

작성하신 코드는 정상적인데 미디어쿼리를 원래 사이트에 적용을 하고 싶으시단 말인가요?


@media(min-width:800px) {
      div{ display: none }
}

 

원래 사이트가 반응형으로 되어있다면 위와 유사한 미디어쿼리를 찾으시고

조정하셔야될 것 같습니다.

위치는 스타일시트(css) 로 따로 만들어져있을 수도 있고

본문에 <style></style> 사이에 있을 수도 있습니다.

원하시는 곳에 넣으시면 됩니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 49,006
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIR SOFT