문법

@media 유형 또는 조건 {
}

미디어 특성 조정자

값	의미
only	특정 미디어 타입만 적용
not	특정 미디어 타입만 제외
and	그리고
,	또는

유형

값	의미
screen	화면 출력용 기기
print	인쇄용 기기
speech	음성 출력 장치
all	모든 기기

미디어 특성

속성	의미	값
min-width	최소 너비	812px, 100em, 100rem, 20%
max-width	최대 너비	812px, 100em, 100rem, 20%
min-height	최소 높이	812px, 100em, 100rem, 20%
max-height	최대 높이	812px, 100em, 100rem, 20%
orientation	방향	landscape, portrait
resolution	장치의 해상도	300dpi
aspect-ratio	가로/세로 비율	16/9

예문

@media only screen and (max-width: 812px) {}
@media only (max-width: 812px), (orientation: portrait) {}