목록으로

css 코드 질문좀드리겠습니다. 채택완료

코딩초보1 6년 전 조회 1,866

답변 2

반응형으로 제작을 하고있는데요

pc버전일때는 1.jpg 파일이 보이구요

모바일시에는 2,jpg 파일이 보이도록 하고싶은데

css나 제이쿼리로 어떻게 해야하나요?

알려주시면 감사하겠습니다

#그누보드5

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

답변 2개

정렬:

채택된 답변

+20 포인트

볼피드

6년 전

css만으로 하신다면.

</p>

<p>@media screen and (max-width: 640px){

.mobile_none{display: none}

}

@media screen and (min-width: 641px){

.pc_none{display:none;}

}</p>

<p>

이런식으로 미디어쿼리를 지정하셔서 해당 이미지에 넣어주시면 됩니다

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

답변에 대한 댓글 1개

�

코딩초보1

6년 전

<img class="pc_none" src="/top_20.jpg" style="width: 100%;">

<img class="mobile_none" src="/top_13.png" style="width: 100%;">

이렇게 넣어도 안바뀌네요 ㅠ

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

이슈DEV

6년 전

.mobile_none{display: none}

@media (max-width: 640px){

.pc_none{display: none}

.mobile_none{display: block;}

}

이렇게해보세요.

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

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

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

로그인

css 코드 질문좀드리겠습니다. 채택완료

답변 2개

답변에 대한 댓글 1개

공유하기