@media1 @media 미디어 쿼리(Media Query) 정의하기 @media는 미디어 쿼리(Media Query)를 정의하기 위해 사용되는 CSS 규칙으로, 화면 크기나 디바이스 종류에 따라 스타일을 다르게 적용할 수 있게 합니다. 주로 반응형 웹 디자인을 구현할 때 유용합니다.기본 문법@media (조건) { /* 조건이 참일 때 적용될 CSS 스타일 */ 요소 { 속성: 값; }}사용 예시1. 화면 크기에 따라 스타일 적용하기아래 예제는 화면의 너비가 600px 이하일 때, .container의 background-color를 lightblue로 설정합니다..container { background-color: white;}@media (max-width: 600px) { .container { backgroun.. 2024. 11. 14. 이전 1 다음