해상도에 따른 이미지 출력
페이지 정보
작성자![no_profile](http://ety.kr/img/no_profile.gif)
본문
좋은 테마 공유해 주셔서 감사합니다.
궁금한 것이 있어서요!
테마 해상도에 따른 레이아웃이 변경이 되는데 혹시 해상도에 따른 이미지적용 변화가 가능할까요?
예를들면
데스크탑 = 1000px 이상
테블릿 = 640~999px
모바일 = 639px 이하
이미지 사이즈 적용
댓글목록
소프트존님의 댓글
![](http://ety.kr/data/member/so/softzonecokr.gif)
네 현재 이미지를 브라우저창의 크기를 줄였다 늘렸다 해보시면
그에 맞는 해상도에 따라서 이미지가 변화되는 모습을 보실 수 있을겁니다.
만일 모바일기기에 맞는 이미지를 원하시고, pc 에 맞는 이미지를 원하신다면
미디어쿼리를 이용하여 해상도에 따른 이미지를 선택해서 적용할 수도 있습니다.
감사합니다. ^^
아이소롯님의 댓글
![no_profile](http://ety.kr/img/no_profile.gif)
크롬 .파폭 개발자도구로 보면서, 미디어 쿼리 쓰심 되는데요.
css에
img {
이미지 스타일시트 ~ 블라블라
}
@media screen and (max-width : 767px) {
img { 요고는 767px 이하용 스타일시트 ~ 블라블라
}
}
소프트존님의 댓글
![](http://ety.kr/data/member/so/softzonecokr.gif)
네 맞습니다 아이소롯 님의 말씀대로 미디워 쿼리를 찾아서
적용해 주시면 될것 같습니다. ^^