CSS / aspect-ratio 가로, 세로 비율 지정

See the Pen aspect-ratio by nilgi (@nilgi) on CodePen.

 

 

width 값을 주면 가로를 기준으로

height 값을 주면 세로를 기준으로 비율을 지정한다.

여러 장의 이미지 비율을 동시에 수정할 때 쓰거나 반응형 콘텐츠의 비율을 유지하고 싶을 때 쓰면 된다.