반응형에서 이미지 정사각형으로 자르는 방법

박진현·2021년 12월 9일
0

img 태그에

position: absoulte;

속성을 주고,

img를 감싸고 있는 부모에

position: relative;
width: 100%;
padding-bottom: 100%;
overflow: hidden;

을 주면 된다!!
이걸 몰라서 하루종일 고민했다니.. 우쒸ㅠㅠ

profile
👨🏻‍💻 호기심이 많고 에러를 좋아하는 프론트엔드 개발자 박진현 입니다.

0개의 댓글