-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
Project photo img 크기 조정 이슈
22.07.20 21:14 작성 조회수 95
1
나머지 content에서는 width로 조정을 하였는데.. 여기서는 이미 project-info 와 project-photo의 분할비율로 width 75를 설정해서 width로 조정할 수 없는 상황에서 이미지 사진이 조정을 overflow:hidden; 하였는데, 여전히 이미지가 커서 축소해야 할 경우 어떻게 하면 되는지 방법을 알려 주시기 바랍니다.
답변을 작성해보세요.
0
코딩웍스(Coding Works)
지식공유자2022.07.21
.project-photo에 overflow: hidden을 주면 간편하지만 overflow: hidden을 주지 않고 하는 방법은 object-fit을 사용하시면 됩니다.
.project-photo {
width: 75%;
height: 100%;
}
.project-photo img {
width: inherit;
height: inherit;
object-fit: cover
}
답변 1