카페24 pc/mobile 이미지 다르게 설정 질문이요ㅠㅠ 채택완료

이벤트 게시판에 글쓰기로 이미지 올려서 업로드했는데요

 

이게 모바일에선 다른 이미지로 변경됐으면 하는데 어떤식으로 미디어쿼리를 줘야하나요? ㅠㅠ

클래스를 부여하라는데 ㅠ.ㅠ.. 뭔지. .ㅠㅠ 

답변 2개

채택된 답변
+20 포인트

Copy
<div class="pc_img">

  <img src=~>
</div>

 

<div class="mo_img">

  <img src=~>

</div>

 

<style>

.mo_img {display:none}

 

@media (max-width: 768px) {

  .pc_img {display:none}

  .mo_img {display:block}

}

 

</style>
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

글쓰기를 통해서 업로드한 이미지를 다르게 보이게하려면

추가작업해주셔야합니다

일단 이미지 2개를 업로드해서

각각 pc/mobile용 클래스를 부여해서 출력해주고

미디어쿼리를 사용해서 해상도에 따라 각 이미지를 show/hide 시켜주시면 됩니다

그리고 카페24 호스팅을 쓰시는건지, 카페24 쇼핑몰을 사용하시는건지 정확히 얘기해주시는게 좋아보이네요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

카페24에서 호스팅과 함께 쇼핑몰도 운영중이에요 ㅎㅎ ㅠ.. 해결했습니다 감사합니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고