[css] Aspect Ratio, 요소를 비율대로 조정하기
👀 이번시간에는 요소의 크기를 비율대로 조정할 수 있게 하는 Aspect Ratio에 대해 알아보았다! 1. Aspect Ratio란? Aspect Ratio(종횡비)는 요소의 크기를 비율대로 조정할 수 있게 한다. 만약 요소의 너비를 100px로 지정하고, aspect-ratio: 3/1을 하면 높이는 33.333px이 된다. aspect-ratio: 3 / 1; aspect-ratio: 4; aspect-ratio: auto; aspect-ratio: auto 1 / 1; 인터넷 익스플로러를 제외한 브라우저에서 지원하는 속성이다! 1) 사용법 (1) width / height 지정 /을 이용하여 width / height 비율을 지정할 수 있다. 3/1이라고 지정하면, 너비는 3, 높이는 1의 비율을..
2022. 2. 20.
