[CSS] 비율 설정

[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; } <body> <div class="container"> <div class="item1">1.91:1</div> </div> <d...

#css #ratio #비율

원문링크 : [CSS] 비율 설정

 등록된 다른 글

[Node.js] socket.io 모듈로 웹 소켓 구현하기

01 인공지능 개념 이해하기

02 레이어의 Origin과 좌표체계

[Node.js] SQL : MySQL

09 표현 언어와 커스텀 태그 (3)

[CSS] Flex

[JavaScript] String 객체

[Android 기능] 20 권한