테스트 사이트 - 개발 중인 베타 버전입니다

css 피시 이미지와 모바일이미지 별개로 채택완료

HunyStyle 3년 전 조회 2,284

 

 

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

 

 

 

pc화면 1333px 일때는 

01.pjg가 나오고

 

같은 자리에,

 

모바일 931px 일때는 

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

 

css 에서 

어떻게 하면 될까요?? 

 

 

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

답변 1개

채택된 답변
+20 포인트
3년 전

@media  <- 요거 쓰시면 되요

 

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

 

 

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

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

}

 

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

답변에 대한 댓글 1개

H
HunyStyle
3년 전
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]

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

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

로그인