7.3.3 미디어 쿼리의 기본 문법

미디어 쿼리는 다음 형식으로 작성합니다.

@media <not|only> <mediatype> and (<media feature>) <and|or|not> (<media feature>){
  /* CSS 코드; */
}

미디어 쿼리는 @media 문법으로 시작합니다. 그리고 여러 조건과 상태를 정의해 미디어 쿼리가 적용되는 기준을 만들면 됩니다. 뒤에 오는 조건들을 하나씩 살펴보겠습니다.

not/only

mediatype

미디어 쿼리가 적용될 미디어 타입을 명시합니다. 생략 가능하며, 생략할 경우 all로 인식합니다. 생략하지 않으면 반드시 다음에 and 연산자가 와야 합니다. 사용할 수 있는 미디어 타입은 다음과 같습니다.

표 7-8 미디어 타입 종류