7.3.1 미디어 쿼리란

미디어 쿼리는 사이트에 접속하는 미디어 타입과 특징, 해상도에 따라 다른 스타일 속성을 적용하게 하는 기술입니다. 다음은 모질라(Mozilla)의 홈페이지(https://www.mozilla.org/ko)입니다. 미디어 쿼리로 반응형 웹을 처리해서 화면의 해상도에 따라 서로 다른 스타일 속성이 적용되는 것을 볼 수 있습니다.

그림 7-20 모질라 사이트의 반응형 웹