🌿 이미지 비율 변경

aspect-ratio

aspect-ratio는 요소의 너비와 높이의 비율을 설정하는 데 사용됩니다. 이 속성을 사용하면 이미지나 비디오, 기타 요소들이 주어진 비율을 유지하면서 크기가 조정됩니다. 반응형 웹 디자인에서 매우 유용하게 사용됩니다.

aspect-ratio: 1/3; */* 가로1 : 세로3 */
aspect-ratio: 2/1; /* 가로2 : 세로1 */
aspect-ratio: 2/1; /* 가로2 : 세로1 */*

aspect-ratio 속성의 값은 보통 너비 / 높이 형식으로 지정합니다.

📝 실습 코드