반응형 모바일1 [웹 디자인] 16일차: 미디어 쿼리 사용법 미디어 쿼리란?미디어 쿼리는 특정 조건(예: 화면 크기, 해상도, 방향)에 따라 다른 CSS 스타일을 적용할 수 있게 해주는 CSS 기술입니다. 미디어 쿼리를 사용하면 다양한 기기와 화면 크기에 맞춰 웹 페이지의 레이아웃과 스타일을 조정할 수 있습니다.미디어 쿼리 기본 문법미디어 쿼리는 @media 규칙을 사용하여 정의합니다.@media (조건) { /* 조건이 참일 때 적용할 CSS 스타일 */}예제:/* 기본 스타일 */.container { background-color: blue;}/* 화면 크기가 600px 이하일 때 적용 */@media (max-width: 600px) { .container { background-color: red; }}미디어 쿼리 조건미디어 쿼리는 다양한 조.. 2024. 8. 16. 이전 1 다음 반응형