이전 목록 다음
채택완료

css 피시 이미지와 모바일이미지 별개로

2022-10-07 (금) 14:07:18 2,665

<img src="<?php echo G5_THEME_URL?>/img/01.jpg" class="img_chage">

pc화면 1333px 일때는 

01.pjg가 나오고

같은 자리에,

모바일 931px 일때는 

02.jpg가 나오게 하고 싶은데 

css 에서 

어떻게 하면 될까요?? 

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

@media  <- 요거 쓰시면 되요

이미지 쓸꺼 background:url 로 해주고 

@media( max-width : 사이즈 ) {

 사이즈 몇일때 요기 안에다가 background:url 해주면끝

}

답변에 대한 댓글 1개

https://ojji.wayful.com/2018/05/HTML-Show-Hide-depending-on-Screen-size-Elements-Widgets-Gadgets.html
이거 보구 해결했습니다 ㅎ 감사합니다.

[code]

<img src="<?php echo G5_THEME_URL?>/img/1.png" class="visible-md visible-lg">
<img src="<?php echo G5_THEME_URL?>/img/2.png" class="visible-sm visible-xs">

[/code]

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