CSS - 문제 미리보기

문제 1446

medium
`object-fit: contain`과 `object-fit: cover`의 차이점을 올바르게 설명한 것은?
A. contain은 비율을 유지하지 않고, cover는 비율을 유지함
B. contain은 컨테이너를 완전히 채우고, cover는 여백이 생길 수 있음
C. contain은 여백이 생길 수 있고, cover는 이미지가 잘릴 수 있음
D. contain과 cover는 완전히 동일한 결과를 보여줌

정답: C

두 값 모두 이미지 비율을 유지합니다

contain의 특징:
• 이미지가 컨테이너 안에 완전히 들어가도록 조정
• 컨테이너보다 이미지가 작아질 수 있음
• 여백(빈 공간)이 생길 수 있음
• 이미지가 잘리지 않음

cover의 특징:
• 이미지가 컨테이너를 완전히 덮도록 조정
• 컨테이너보다 이미지가 커질 수 있음
• 이미지 일부가 잘릴 수 있음
• 여백이 생기지 않음
🎯 이 과목 문제 풀기 🏠 홈으로 가기

💡 학습 팁

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