css 속성 object-fit

대체되는 요소의 내용(img, video, object, svg 등과 같은)이 지정된 너비와 높이에 맞게 장착되는 방식을 지정
속성

• fill: 사진을 자르지 않고 화면을 가득 채운다
• contain: 사진을 자르지 않고, 비율을 유지한 채로 화면에 맞게 조절
• cover: 사진을 자르기도 하고, 비율은 유지한채로 화면을 채움
• none: 크기가 조정되지 않고 원본사이즈로 처리됩니다. 크면 잘리고, 작으면 남음
• scale-down : 크기를 아무것도 지정되지 않거나 혹은 contain이 지정되어 있는 것처럼 변경됩니다. 이는 원본 크기보다 작아지는 결과를 보여준다.