aspect-ratio

• MDN
• 보통 이미지는 너비나 높이 설정시 이미지의 비율에 맞춰서 리사이즈가 됨.
  그외 엘레멘트는 안의 내용으로 사이즈가 결정되거나, 너비와 높이를 지정해줘야함
• aspect-ratio 는 엘레멘트의 사이즈 계산 시 해당 비율에 따르도록 한다.

DIV

aspect-ratio: auto;

aspect-ratio: 1 / 1;

aspect-ratio: 2 / 1;

aspect-ratio: 1 / 2;

---

IMG

aspect-ratio: auto;

aspect-ratio: 1 / 1;

aspect-ratio: 2 / 1;

aspect-ratio: 1 / 2;