CSS aspect-ratio: 16 / 9 속성을 요소에 적용하면 어떤 효과가 있나요?
쉬움 MDN Web Docs해설
CSS aspect-ratio 속성은 요소의 가로세로 비율을 지정합니다. 16 / 9로 설정하면 너비에 따라 높이가 자동 계산되어 항상 16:9 비율을 유지합니다. 반응형 비디오 컨테이너나 카드 레이아웃에서 기존의 padding-top 해킹 기법을 대체할 수 있는 깔끔한 방법입니다.
CSS aspect-ratio 속성은 요소의 가로세로 비율을 지정합니다. 16 / 9로 설정하면 너비에 따라 높이가 자동 계산되어 항상 16:9 비율을 유지합니다. 반응형 비디오 컨테이너나 카드 레이아웃에서 기존의 padding-top 해킹 기법을 대체할 수 있는 깔끔한 방법입니다.