HTML CSS JS | Mediaquery

🔗 Mozilla 공식 문서

기기 유형, 해상도, 뷰포트 등에 따라 반응형 웹 디자인을 만들 때 활용.

기본 구문

@media media-type and (media-feature-rule) {
  /* CSS rules go here */
}

media-type 예시

• all: 모든 장치에 적합
• print: 인쇄 결과물 및 출력 미리보기 화면에 표시되는 문서
• screen: 화면
• speech: 음성 합성장치

media-feature-rule