이미지 태그1 [CSS] 이미지 사이즈 맞추기 (object-fit, absolute, background) Grid Units이미지를 컨테이너 안에서 정렬하는 3가지 방법object-fitposition: absolutebackground-size1. object-fit나 같은 오브젝트의 사이즈를 컨테이너의 크기에 맞춰 조절할 수 있어요. 너비와 높이값을 입력하고, object-fit 속성만 지정해주면 되니 편합니다.- 특징 : 이미지 태그나 비디오 태그에 사용 - 장점 : 속성 하나로 설정 가능 - 단점 : IE 미지원 📝 object-fit 형태img { width: 300px; height: 150px; object-fit: fill | contain | cover | none | scale-down;}속성값설명fill기본값주어진 너비와 높이에 딱 맞도록 사이즈를 조절합니다. 이미지의 가로.. 2024. 5. 29. 이전 1 다음 728x90 반응형
