반응형으로 제작을 하고있는데요
pc버전일때는 1.jpg 파일이 보이구요
모바일시에는 2,jpg 파일이 보이도록 하고싶은데
css나 제이쿼리로 어떻게 해야하나요?
알려주시면 감사하겠습니다
|
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
2018-12-18 (화) 16:53:16
css만으로 하신다면.
Copy
@media screen and (max-width: 640px){
.mobile_none{display: none}
}
@media screen and (min-width: 641px){
.pc_none{display:none;}
}<img class="pc_none">
<img class="mobile_none">
이런식으로 미디어쿼리를 지정하셔서 해당 이미지에 넣어주시면 됩니다
답변에 대한 댓글 1개
코딩초보1
2018-12-18 (화) 16:56:13
이슈DEV
2018-12-18 (화) 17:22:06
.mobile_none{display: none}
@media (max-width: 640px){
.pc_none{display: none}
.mobile_none{display: block;}
}
이렇게해보세요.
답변을 작성하려면 로그인이 필요합니다.
<img class="mobile_none" src="/top_13.png" style="width: 100%;">
이렇게 넣어도 안바뀌네요 ㅠ