2022.01.23 background-url

자동 크기조절

html

<img className="post__image" src={testImage} alt="" /

css

.post__image {
  width: 100%;
  object-fit: contain;
}

그리고 난뒤에 웹브라우저 크기를 조절 해보면
웹브라우저 크기에 따라 이미지 크기가 바뀌는것을 볼 수 있다.

이미지 커버

image cover

background-image : url("url");
background-size : cover;
background-position : center;

이렇게 3개는 거의 항상 같이다닌다.