CSS - 문제 미리보기

문제 1519

easy
`width: 100%`와 `max-width: 100%`의 차이점으로 올바른 것은?
A. 둘 다 동일하게 작동함
B. `width`는 이미지를 원본보다 크게 확대할 수 있지만, `max-width`는 원본 크기를 넘지 않음
C. `max-width`는 이미지를 원본보다 크게 확대할 수 있지만, `width`는 원본 크기를 넘지 않음
D. `width`는 반응형이고 `max-width`는 고정 크기임

정답: B

두 속성의 핵심적인 차이점을 이해하는 것이 중요합니다. • width: 100%의 특징: • 부모 컨테이너 크기에 맞춰 강제로 확대/축소 • 원본보다 큰 화면에서는 이미지가 흐릿해질 수 있음 • 무조건 100% 크기로 맞춤 • max-width: 100%의 장점: • 원본 크기보다 큰 화면에서는 원본 크기 유지 • 작은 화면에서만 축소되어 이미지 품질 보호 • 더 나은 사용자 경험 제공 • 실무 권장사항: 대부분의 경우 `max-width: 100%` 사용을 권장
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.