미디어 쿼리(media query)는 출력 매체나 사용 환경의 조건을 검사하는 표현이다. CSS에서는 @media 규칙에 조건을 적어, 그 조건을 만족할 때 적용할 스타일을 정한다. 화면 너비에 따라 글자 크기와 여백을 바꾸거나 인쇄할 때 이동 메뉴를 숨기는 데 사용할 수 있다. HTML의 media 속성이나 JavaScript의 matchMedia()에서도 미디어 쿼리를 쓸 수 있다. (MDN의 미디어 쿼리 안내)
반응형 디자인에서는 기본 문서를 먼저 읽어보고 배치가 달라져야 할 조건을 고른다. 화면 크기뿐 아니라 독자의 선호와 입력 장치의 조건도 살필 수 있다. 조건이 바뀌는 자리를 기록하면 규칙을 더 나눌 필요가 있는지 되짚어볼 수 있다.