이전 목록 다음
채택완료

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

HHunyStyle
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전 2,452

 

 

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

 

 

 

pc화면 1333px 일때는 

01.pjg가 나오고

 

같은 자리에,

 

모바일 931px 일때는 

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

 

css 에서 

어떻게 하면 될까요?? 

 

 

css php 그누보드5
|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
텐텐구
프로필 보기이 회원 글보기이 회원의 댓글보기
 3년 전

@media  <- 요거 쓰시면 되요

 

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

 

 

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

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

}

 

답변에 대한 댓글 1개

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]

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