CSS - 문제 미리보기
문제 1526
medium
반응형 비디오에서 종횡비(aspect ratio)를 유지하는 가장 중요한 속성은?
```css
video {
width: 100%;
______: auto;
display: block;
}
```
정답: C
종횡비 유지는 반응형 미디어의 핵심 개념입니다.
• height: auto의 역할:
• 너비 변화에 따라 높이를 자동으로 계산
• 원본 비디오의 종횡비(16:9, 4:3 등) 유지
• 비디오가 늘어나거나 찌그러지는 것을 방지
• 종횡비 중요성:
• 비디오 콘텐츠의 원본 의도 보존
• 자연스러운 시청 경험 제공
• 레이아웃 깨짐 방지
• 추가 고려사항:
• `display: block`: 인라인 요소의 여백 문제 해결
• `object-fit`: 컨테이너와 비디오 비율이 다를 때 조정 방법
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.