미디어 쿼리1 [CSS 핵심강좌] 8. 미디어 쿼리 미디어 쿼리는 CSS3의 기능 중 하나로, 다양한 기기와 화면 크기에 따라 적절한 스타일을 적용할 수 있게 합니다. 이 강좌에서는 미디어 쿼리의 기본 개념과 사용 방법에 대해 알아보겠습니다. 미디어 쿼리의 기본 구조 미디어 쿼리는 @media 규칙을 사용하여 작성됩니다. 기본 구조는 다음과 같습니다. @media 미디어 유형 and (조건) { /* 조건에 맞는 스타일 작성 */ } 미디어 유형 미디어 유형을 지정하여 해당 유형에만 스타일을 적용할 수 있습니다. 주요 미디어 유형은 다음과 같습니다. all: 모든 미디어 유형에 적용 screen: 컴퓨터 화면, 태블릿, 스마트폰 등의 화면에 적용 print: 인쇄용 스타일 적용 예시: @media print { body { font-size: 12pt; .. 2023. 3. 5. 이전 1 다음 반응형