CSS- 미디어 쿼리

Jeongwon·2022년 1월 12일

CSS

목록 보기
6/7

반응형 디자인

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
      div{
        border: 10px solid green;
        font-size: 60px;
      }
      /*화면의 폭이 800px보다 작아지면 안의 div코드가 실행됨*/
      @media(max-width:800px){
        div{
          display:none;
        }
      }
    </style>
  </head>
  <body>
    <div>
      Responsive
    </div>
  </body>
</html>
profile
(❁´◡`❁)

0개의 댓글