테스트 사이트 - 개발 중인 베타 버전입니다

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

우루롹 4년 전 조회 3,468

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

 

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

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

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

답변 2개

채택된 답변
+20 포인트
4년 전

</p>

<p><div class="pc_img"></p>

<p>  <img src=~>

</div></p>

<p> </p>

<p><div class="mo_img"></p>

<p>  <img src=~></p>

<p></div></p>

<p> </p>

<p><style></p>

<p>.mo_img {display:none}</p>

<p> </p>

<p>@media (max-width: 768px) {</p>

<p>  .pc_img {display:none}</p>

<p>  .mo_img {display:block}</p>

<p>}</p>

<p> </p>

<p></style></p>

<p>

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

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

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

추가작업해주셔야합니다

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

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

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

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

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

답변에 대한 댓글 1개

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

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

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

로그인