카페24 pc/mobile 이미지 다르게 설정 질문이요ㅠㅠ
본문
이벤트 게시판에 글쓰기로 이미지 올려서 업로드했는데요
이게 모바일에선 다른 이미지로 변경됐으면 하는데 어떤식으로 미디어쿼리를 줘야하나요? ㅠㅠ
클래스를 부여하라는데 ㅠ.ㅠ.. 뭔지. .ㅠㅠ
답변 2
<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 쇼핑몰을 사용하시는건지 정확히 얘기해주시는게 좋아보이네요
카페24에서 호스팅과 함께 쇼핑몰도 운영중이에요 ㅎㅎ ㅠ.. 해결했습니다 감사합니다!
답변을 작성하시기 전에 로그인 해주세요.
