Media query

○@media

 ▷서로 다른 매체 유형을 위한 맞춤식 스타일 시트

 ▷@media only/not 매체유형 and (표현식) { CSS 스타일시트 }

 ▷외부 파일 = <link rel="stylesheet" media="매체유형 and|only|not (표현식)" href="CSS파일URL"/>

 

 ▶매체 유형

  ▷all: 모든 매체

  ▷print: 프린트 기기

  ▷scrreen: 컴퓨터/태블릿/스마트폰 등 스크린이 있는 매체

  ▷speech: 스크린 리더

 

 ▶쿼리 속성

  ▷wodth: 너비

  ▷height: 높이

  ▷device-width: 매체 화면 너비

  ▷device-height: 매체 화면 높이

  ▷device-aspect-ratio: 매체 화면 비율

  ▷orientation: 화면 방향

  ▷color: 색상 비트 수

  ▷color-index: 표현 가능한 색상 수

  ▷monochrome: 흑백 매체에서 픽셀 당 비트 수

  ▷resolution: 매체의 해상도