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">
답변을 작성하시기 전에 로그인 해주세요.