📺 미디어 쿼리

• HTML이 모니터 화면에서 보이는지, 아니면 인쇄물, TV 또는 휴대용 기기나 기타 기기인지에 따라 스타일을 다르게 설정할 수 있다.

• CSS#에서는 너비, 높이, 화면, 비율, 사용 가능한 색상수같은 일반적인 UI 속성을 활용해 스타일을 설정하는 새로운 기능이 추가됐다.

@media 규칙의 사용법

미디어 쿼리를 사용하면 < link > 및 < style > 태그의 media 속성에 스타일을 지정할 수 있다.
그런데 @media 규칙을 사용하면 스타일 시트에 미디어 쿼리를 직접 임베드할 수 있다.

@meida screen and (width=480px){
h1{color:red;}
}