코드를 실행하면 뷰포트의 너비가 420px 이상일 때는 파란색, 미만일 때는 빨간색으로 표시됩니다.

그림 7-24 실행결과

이처럼 미디어 쿼리를 이용하면 해상도에 따라 원하는 스타일 속성을 입혀 반응형 웹으로 만들 수 있습니다.