[ CSS ] 이미지 비율 설정 aspect-ratio

박스 요소의 가로 또는 세로의 길이가 px, rem 등 고정된 값이 아니라 %, vw, vh 등의 가변적인 값으로 설정되었을 때, 해당 요소의 가로 세로 비율을 정하는 방법

 

aspect-ratio

요소의 가로 세로 비율을 설정 (가로/세로)

aspect-ratio: 3/4;   // -> 가로3:세로4

 

슬래시를 사용하지 않을 경우, 가로/1 로 자동 적용된다.

%는 사용불가

 

CSS aspect-ratio 속성 : 요소의 가로 세로 비율 설정 - 코딩에브리바디