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