태블릿부분에서 사진이 삐져나오는 부분 질문

21.10.11 23:09 작성 조회수 118

안녕하세요 16:25초 할머니 그림부분에 아랫쪽에 이미지가 삐져나오는데 이부분은 어떻게 맞추나요? 알려주시면 감사하겠습니다.

플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)

Flex UI 실전 제작(5) – 반응형 헤더영역과 이미지 갤러리(3)

강의실 바로가기

답변 1

답변을 작성해보세요.

코딩웍스(Coding Works)

2021.10.11

할머니 이미지가 아래쪽을 삐져 나와 보이는 이유는 이미지 사이즈 확인해보시면 이미지 비율이 할머니 이미지만 비율이 달라서 그래요. 이미지 사이즈를 똑같이 맞춰는데 이 이미지는 그렇게 안되었나봐요. 이 부부은 퍼블리싱이 잘못되어서 그런 부분은 아닙니다.

이미지가 다른 경우에도 똑같은 비율로 보이게 하려면 object-fit을 사용하시면 됩니다.