[CSS] object-fit로 img 사이즈 맞추기

object-fit

• IE 호환 x

<figure>
  <img src="이미지링크" alt="이미지" />
</figure>

figure {
  width: 100px;
  height: 100px;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

 

참고링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit