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

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

QA

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

본문

 

 

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

 

 

 

pc화면 1333px 일때는 

01.pjg가 나오고

 

같은 자리에,

 

모바일 931px 일때는 

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

 

css 에서 

어떻게 하면 될까요?? 

 

 

이 질문에 댓글 쓰기 :

답변 1

@media  <- 요거 쓰시면 되요

 

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

 

 

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

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

}

 

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



<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">

답변을 작성하시기 전에 로그인 해주세요.
전체 2,087
QA 내용 검색
filter #css ×

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT