11/12(목) 서버 점검 안내 (00:00~06:00)
이전 목록 다음
채택완료

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

우루롹
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-06 (목) 16:16:42 3,797

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

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

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

카페24
|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
트트샷
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-06 (목) 16:55:46
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>
병병원에서일해요
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-06 (목) 16:42:06

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

추가작업해주셔야합니다

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

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

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

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

답변에 대한 댓글 1개

우루롹
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2021-05-06 (목) 17:42:39
카페24에서 호스팅과 함께 쇼핑몰도 운영중이에요 ㅎㅎ ㅠ.. 해결했습니다 감사합니다!

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