CSS - 문제 미리보기

문제 1447

medium
`object-fit: scale-down`의 동작을 올바르게 설명한 것은?
A. 이미지를 항상 확대함
B. 이미지를 항상 축소함
C. `none`과 `contain` 중 더 작은 크기를 선택함
D. `fill`과 `cover` 중 더 작은 크기를 선택함

정답: C

scale-down의 동작 원리: • `none`의 결과와 `contain`의 결과를 비교 • 두 결과 중 더 작은 크기를 선택 • 이미지가 원본보다 커지는 것을 방지 구체적인 동작: ```css /* 원본 이미지가 컨테이너보다 작은 경우 */ object-fit: scale-down; /* = none (원본 크기 유지) */ /* 원본 이미지가 컨테이너보다 큰 경우 */ object-fit: scale-down; /* = contain (축소해서 맞춤) */ ```

💡 학습 팁

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