CSS - 문제 미리보기
문제 1525
medium
`max-width: 100%`와 `width: 100%`의 차이점으로 올바른 것은?
```css
/* 방법 A */
video {
width: 100%;
height: auto;
}
/* 방법 B */
video {
max-width: 100%;
height: auto;
}
```
정답: A
두 속성의 핵심적인 차이점을 명확히 구분해야 합니다.
• width: 100% (방법 A):
• 부모 컨테이너 크기에 무조건 맞춤
• 원본보다 큰 화면에서도 강제로 확대
• 화질 저하 가능성 있음
• max-width: 100% (방법 B):
• 부모 컨테이너보다 작으면 원본 크기 유지
• 부모 컨테이너보다 크면 100%로 축소
• 화질 보호 및 최적 사용자 경험
• 실무 권장: 대부분의 경우 `max-width: 100%` 사용 권장
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.