반응형 object-fit1 css를 사용하여 이미지 원하는 부분보여주기 : object-fit 다양한 사이즈의 이미지가 있는데, 특정 사이즈로 보여주고 싶을 경우 css로 조정할 수 있습니다. 실무를 하다 보면 이미지 비율을 1:1로 가이드했음에도 제각각 등록할 경우가 있습니다. css로 이미지 영역이 틀어지지 않도록 요청 하는 경우가 많은데요. 이때 사용하면 좋은 css 속성이 있습니다. 바로 object-fit입니다. object-fit object-fit을 이용하여 나 의 사이즈를 정해진 크기에 맞추어 일부만 보여준다거나 비율에 맞게 줄여준다거나 등 옵션에 따라 이미지 크기를 조절할 수 있습니다. 익스플로러에서는 지원되지 않는 속성입니다만 이제는 지원이 종료되었죠. 사용해도 무방할듯합니다. object-fit의 속성은 다음과 같습니다. fill - 기본값이며, 주어진 크기에 따라 화면에 이미.. 2023. 1. 5. 이전 1 다음 반응형