1. 미디어쿼리미디어쿼리는 웹 페이지가 다양한 장치(예: 데스크톱, 태블릿, 스마트폰 등)의 화면 크기나 해상도에 맞게 스타일을 다르게 적용할 수 있도록 도와주는 CSS 기능이다. @media 규칙을 사용하여 특정 조건(화면 너비, 높이, 방향 등)에 따라 CSS를 분기하여 반응형 웹 디자인을 구현할 수 있으며, 이를 통해 사용자에게 보다 최적화된 화면 구성을 제공한다. @media (조건) { /* 이 조건에 맞을 때만 적용될 CSS */} 주요 미디어쿼리 조건 화면 크기에 따라 배경색이 달라집니다 브라우저 크기를 조절해보세요! 2. 미디어쿼리 활용아래 파일 이미지를 다운받는다. 아래 코드를 ./css/media.css에 저장한다. #container { width: 100%;}heade..
