미디어 쿼리 Media Query

반응형 웹(Responsive Web)을 만들기 위해 반드시 알아야 하는 속성

 

반응형 웹 : 디바이스 크기가 다양해짐에 따라 디바이스 화면에 딱 맞게 반응하는 웹

 

*height: 100vh (vh=viewport height)

 

 

 

 

@media screen and (min-width: 576px) {

}

=스크린에 대해서 미디어 쿼리를 선언, 576px 이상일 때 {

}

 

 

 

 

html에서

 

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

 

를 반드시 작성해야한다.