카테고리 없음

반응형웹...수정중..

feelname7 2020. 5. 22. 00:16

ㆍ가변

 

ㆍ뷰포트

 

<meta name="viewport" content="width=device-width, initial-scale=1">

ㆍ미디어쿼리
@media (조건문) {실행문-css}

예)
@media (min-width:320px){실행문-css}

 

예)

<style>
  @media (max-width:600px) {
    body {
      background-color: green;
    }
  }

  @media (max-width:500px) {
    body {
      background-color: red;
    }
  }

  @media (min-width:601px) {
    body {
      background-color: blue;
    }
  }
</style>
<body>
</body>

 

#반응형 #responsive #responsive web #반응형웹 #가변 #viewport #media query