CSS에서 반응형 웹페이지를 object-fit 속성으로 컨텐츠 제어하기

object-fit 이란?

object-fit은 이미지나 비디오와 같은 대체 요소를 부모 요소 크기에 맞게 조절하는 속성이다. 이 속성은 다양한 값들을 통해 콘텐츠의 크기와 비율을 유연하게 제어할 수 있어, 반응형 레이아웃에 많이 활용되는 속성이다.

---

https://dev-chim.tistory.com/entry/CSS-object-fit

[CSS] 반응형 웹페이지, object-fit 속성으로 미디어 컨텐츠를 완벽히 제어하기

https://www.daleseo.com/css-object-fit/

CSS의 object-fit 속성으로 이미지를 왜곡없이 보여주기

(관련 링크)