미디어쿼리

미디어쿼리

미디어 쿼리는 웹사이트의 화면 넓이에 따라 view 를 다르게 보여줄 수 있는 css 코드이다.

@media screen and (max-width: 768px) {
	span {
    	width: 20px;
        }
}

위의 코드와 같이 사용할 수 있으며, 특정한 넓이에서 css 스타일링을 재정의 할 수 있다.

 

미디어 쿼리를 사용하면 반응형 웹사이트를 만들 수 있다.