0. 미디어 쿼리란? Media Query 반응형 웹을 디자인할 때, 접근하는 기기에 따라 다른 스타일을 적용해주어야 하는데, 이때 활용할 수 있는 스타일 시트 단말기의 유형 (출력물 vs 화면)과, 어떤 특성 혹은 수치(화면 해상도, 뷰포트 너비 등)에 따라 웹 사이트나 앱의 각각의 스타일을 설정할 때 유용 미디어 유형과 미디어 특성을 기반으로 동작 1. 미디어쿼리 작성 방식 1.1 link 요소 사용 요소에 사용하게 되면, 특성이 조건에 맞을 때, css 파일을 불러오게 됨 media 속성의 "screen and (max-wodth: 768px)"의 의미 : 미디어 타입 : screen / 화면의 최대 너비 : 768px로 지정 => 화면의 너비가 768px 이하 일 때 적용되는 것 1.2 @medi..