미디어 타입을 인식하고, 콘텐츠를 읽어들이는 기기나 브라우저의 물리적 속성을 감지할 수 있는 유용한 장치 이다.
미디어 쿼리는 다음 두 가지 구성 요소를 지니고 있습니다.
@media 미디어_타입 and (조건에_대한_물음){
// 미디어 타입과 조건을 모두 만졸할 때 씌울 스타일 선언문
}
ex)
@media screen and (max-width:768px){
// 화면(screen)의 너비가 768px 이하일 경우에 여기에 정의된 스타일 선언문을 추가 적용
}
미디어 타입과 쿼리