이미지를 짜르지 않고 배경화면의 커버속성을 썸네일에 적용하는 방법
썸네일 이미지 깔끔하게 구현하는 CSS 이미지 썸네일 CSS를 할 때, 크로싱 브라우저만 잘 대응할 수 있다면, 가장 좋은 CSS 설정값은 아래와 같다. position: absolute; z-index: 10; width: 100%; object-fit: cover; top: 0; bottom: 0; left: 0; right: 0; margin: auto; 위와 같이 설정해주는 것이 중앙정렬도 잘하고, 같은 비율(4:3) 내에서 가로와 세로의 비율을 적당하게 잘라주면서 가장 썸네일처럼 보이게 해주는 설정값이다. 배경이미지의 속성이 아니라, 이미지 내에서 위와 같이 적용하면 딱 알맞게 떨어지는데, 위에서 가장 중요한 요소는 바로 Object-fit이다. Object-fit에는 다양한 속성이 있는데, 배..