[CSS] 비율 설정

aspect-ratio 속성을 사용하면 박스의 비율을 설정할 수 있습니다. body { display: flex; } .container { width: 100px; height: 200px; margin: 10px; border: 1px solid #000; display: flex; align-items: center; } .container > div { width: 100%; background-color: coral; } .item1 { aspect-ratio: 1.91/1; } .item2 { aspect-ratio: 16/9; } .item3 { aspect-ratio: 1/1; } .item4 { aspect-ratio: 4/5; } .item5 { aspect-ratio: 2/3; } .item6 { aspect-ratio: 9/16; } 1.91:1