작성
·
110
3
모바일 버전 관련 질문입니다.
해당 부분에서 .desc 부분을 이미지 사이즈와 똑같이 높이값을 가지려면 어떻게 해야할까요?
.desc에 높이 값을 height: auto; 나 height:100%; 주면 안의 내용만큼 줄어들고,
.post > div 혹은
.image,
.desc {
flex:1;
}
해줘도 안 먹히고요.
.desc {
height: 375px;
}
이런식으로 주면 되긴합니다만, 기기에 따라서 정확하게 1:1의 높이 값을 가지는게 아니라서 그렇게 완벽한 방법은 아닌것 같네요.
그렇게 중요한건 아닐지라도,
그렇게 효과를 주고 싶은데 안먹히니까 왜 안되지? 하는 생각에 혹시나 방법이 있을까 여쭤봅니다.
감사합니다.
답변 2
2
질문 주셔서 오랫만에 파일 열어서 해봤는데요.
모바일에서 .desc 이 부분의 높이를 이미지의 높이와 자동으로 맞추는 방법은 제가 알기로는 업지 않나 합니다.
만약 이미지가 부모요소이고 .desc가 자식요소이면 inherit로 할 수 있을텐데 지금 의 구조로는 어렵지 않나 합니다.
물론 제가 몰라서 그럴수도 있습니다.
0