Image 가로 세로 크기 동일하게 하는법

개발을 하다보면 이미지를 다룰 경우가 많이 생긴다. 이미지의 크기가 변할 때 정사각형 비율로 유지를 하고 싶다면, 즉 이미지의 크기가 변해도 종횡비 즉 가로와 세로 크기 비율을 동일하게 만들고 싶은 경우

css 속성에서

padding-top: 100%;

이렇게 속성을 주게되면 잘 유지가 된다.