css 코드 질문좀드리겠습니다.
본문
반응형으로 제작을 하고있는데요
pc버전일때는 1.jpg 파일이 보이구요
모바일시에는 2,jpg 파일이 보이도록 하고싶은데
css나 제이쿼리로 어떻게 해야하나요?
알려주시면 감사하겠습니다
답변 2
css만으로 하신다면.
@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">
이런식으로 미디어쿼리를 지정하셔서 해당 이미지에 넣어주시면 됩니다
!-->.mobile_none{display: none}
@media (max-width: 640px){
.pc_none{display: none}
.mobile_none{display: block;}
}
이렇게해보세요.
답변을 작성하시기 전에 로그인 해주세요.