728x90 반응형 이미지해상도1 [CSS] object-fit 컨테이너에 맞게 이미지 크기 조정하기 HTML 작업을 하다 보면 이미지의 크기가 내 생각과 다르게 뒤죽박죽 해상도도 엉망으로 나오는 경우가 많습니다.이럴 때 object-fit을 사용하여 이미지의 크기와 비율을 조절하여 내가 원하는 크기로 이미지를 깔끔하게 출력할 수 있습니다.이 글에서는 object-fit에 대한 설명과 간단한 예제를 통해 object-fit의 사용방법에 대해 알아보도록 하겠습니다. object-fit이란 무엇일까? css의 object-fit 속성은 컨테이너에 맞게 나 등의 크기를 조정할 때 사용하는 속성입니다.object-fit의 속성을 활용하여 종횡비를 유지하거나 공간에 딱 맞게 이미지를 늘려서 차지하는 등등 여러 가지 일을 할 수 있습니다. obfect-fit의 속성 값 fill: 기본값입니다. 주어진 치수.. 2023. 1. 3. 이전 1 다음 728x90 반응형