CSS aspect-ratio 속성을 적용한 요소의 안쪽에 이미지 높이나 너비가 박스보다 크면 어떻게 될까요? 종횡비가 무시됩니다. 이미지는 대체 요소(replaced element)로서 문서 바

CSS aspect-ratio 속성을 적용한 요소의 안쪽에 이미지 높이나 너비가 박스보다 크면 어떻게 될까요? 종횡비가 무시됩니다. 이미지는 대체 요소(replaced element)로서 문서 바깥의 소스이고 그 자신의 종횡비가 있기 때문입니다. 대표적인 대체 요소는 img, video, iframe, embed입니다. overflow: hidden을 적용하면 비율이 유지됩니다. 예시: https://codepen.io/mytory/pen/poqErKO