이벤트 게시판에 글쓰기로 이미지 올려서 업로드했는데요
이게 모바일에선 다른 이미지로 변경됐으면 하는데 어떤식으로 미디어쿼리를 줘야하나요? ㅠㅠ
클래스를 부여하라는데 ㅠ.ㅠ.. 뭔지. .ㅠㅠ
|
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
4년 전
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>병원에서일해요
4년 전
글쓰기를 통해서 업로드한 이미지를 다르게 보이게하려면
추가작업해주셔야합니다
일단 이미지 2개를 업로드해서
각각 pc/mobile용 클래스를 부여해서 출력해주고
미디어쿼리를 사용해서 해상도에 따라 각 이미지를 show/hide 시켜주시면 됩니다
그리고 카페24 호스팅을 쓰시는건지, 카페24 쇼핑몰을 사용하시는건지 정확히 얘기해주시는게 좋아보이네요
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.