CSS - 문제 미리보기
문제 1484
hard
다음 복합 미디어 쿼리에서 스타일이 적용되는 화면 너비 범위를 올바르게 나타낸 것은?
```css
@media screen and (max-width: 900px) and (min-width: 600px), (min-width: 1100px) {
div.example {
font-size: 50px;
background: yellow;
}
}
```
정답: C
• 쉼표(,)의 의미: 미디어 쿼리에서 쉼표는 OR 연산자 역할을 합니다. 즉, 여러 조건 중 하나만 만족하면 스타일이 적용됩니다.
• 조건 분석:
• 첫 번째 조건: `(max-width: 900px) and (min-width: 600px)` → 600px ≤ 화면 너비 ≤ 900px
• 두 번째 조건: `(min-width: 1100px)` → 화면 너비 ≥ 1100px
• 전체 적용 범위:
• 600px ~ 900px 범위 (태블릿)
• 또는 1100px 이상 (대형 데스크톱)
• 900px ~ 1100px 범위는 제외 (일반 데스크톱)
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.