[CSS] object-fit : 이미지 사이즈 맞추기

object-fit : fill (기본값)

  - 주어진 너비/높이에 딱 맞게 사이즈가 조절됨 (원본 비율 유지 X) 

 

object-fit : contain

  - 원본 비율을 유지하면서 이미지 전체를 보여줌 (여백이 생길 수 있음)

 

object-fit : cover

  - 원본 비율을 유지하면서 컨테이너를 완전히 채움

 

object-fit : none

  - 원본 이미지 사이즈 유지