CSS - 문제 미리보기
문제 1481
medium
다음 코드의 빈칸에 들어갈 올바른 구문은?
```css
@media _______ and (min-width: 768px) {
.container {
width: 1200px;
}
}
```
```css
@media _______ and (min-width: 768px) {
.container {
width: 1200px;
}
}
```
정답: B
• 미디어 타입 지정: `screen`은 컴퓨터 화면, 태블릿, 스마트폰 등의 디스플레이 기기를 대상으로 합니다.
• 논리적 구조:
• `@media screen`: 화면 기기에서
• `and (min-width: 768px)`: 최소 너비가 768px 이상일 때
• 두 조건이 모두 참이면 스타일 적용
• 다른 선택지 분석:
• `only`: 구형 브라우저 호환성을 위한 키워드로, 미디어 타입과 함께 사용
• `not`: 전체 미디어 쿼리의 결과를 반전
• `print`: 인쇄용 스타일에 사용
• 논리적 구조:
• `@media screen`: 화면 기기에서
• `and (min-width: 768px)`: 최소 너비가 768px 이상일 때
• 두 조건이 모두 참이면 스타일 적용
• 다른 선택지 분석:
• `only`: 구형 브라우저 호환성을 위한 키워드로, 미디어 타입과 함께 사용
• `not`: 전체 미디어 쿼리의 결과를 반전
• `print`: 인쇄용 스타일에 사용
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.