인프런 커뮤니티 질문&답변
작성한 질문수
태블릿부분에서 사진이 삐져나오는 부분 질문
작성
·
234
퀴즈
Flexbox 레이아웃을 사용하기 위해 부모 요소에 적용해야 하는 CSS 속성은 무엇일까요?
display: block
display: inline-block
display: flex
float: left
답변 1
0
코딩웍스(Coding Works)
지식공유자
할머니 이미지가 아래쪽을 삐져 나와 보이는 이유는 이미지 사이즈 확인해보시면 이미지 비율이 할머니 이미지만 비율이 달라서 그래요. 이미지 사이즈를 똑같이 맞춰는데 이 이미지는 그렇게 안되었나봐요. 이 부부은 퍼블리싱이 잘못되어서 그런 부분은 아닙니다.
이미지가 다른 경우에도 똑같은 비율로 보이게 하려면 object-fit을 사용하시면 됩니다.
