object-fit

이미지·영상이 박스를 채우는 방식을 정합니다.

cover는 비율을 유지하며 채우고(잘림), contain은 잘리지 않게 맞춥니다. 고정 크기 썸네일에서 왜곡을 막을 때 핵심입니다.

주요 값fill | cover | contain | none | scale-down

예시

img { object-fit: cover; }