firebase 이미지 관련 질문있습니다.

<div class="detail-pic my-4" style="background-image: url('https://placeimg.com/640/380/tech');"></div>

.detail-pic {
  width: 100%;
  height: 500px;
  background-size: cover;
  background-position: center;
}

사용해주신것 그대로 사용하고 있는데, 제거 사이즈가 너무 커서요 다 나왔으면 해서 ..

위의 소스에서 height는 조절하면 이미지가 아예 나오지 않더라구요!

.detail-pic {
  max-width: 100%;
  max-height: 100%;
} 

이런것도 해봤구요  구글링 통해 이미지 css 조절 하는법 등 알아봐도.. 적용하면 이미지가 사라져서 고민입니다

아니면 클릭했을때 원본 나오게 하는것도 좋은데 .. 그렇게 되면 이친구는 div 태그이기때문에 적용이 잘 안되는거 같습니다 .. 고민이에요!

이미지로 코드 변경한 후 이미지 사이즈조절이 자동으로 되는것은 확인했습니다..

그런데 파이어베이스에 있는 이미지가 불러와지지 않고 빈화면만 나와요 ㅠ






$('.detail-pic').css('background-image', `url(${result.data().이미지})`)

 $('.detail-pic').img(result.data().이미지)

이렇게 도전해봤습니다.. 영상보고 확인하려고 해도, 코드 그대로 주신걸 사용하는거라 .. 확인이힘들더라구요 ㅠㅠ..