css 8. 미디어 쿼리

미디어 쿼리

responsive web (반응형 디자인)을 제작하는데 사용 된다.

반응형 디자인이란

화면 크기에 따라 웹페이지의 각 요소들이 반응해서

최적화된 웹페이지를 만드는 것이다.

 

ex.

화면의 최대 크기가 800이하일 때

display를 none하고 싶은 경우,

 

@media (max-width : 800px) {

                                        div{

                                             display : none ;

                                             }

                                        }