공지가 있을때까지 구매요청/제휴/견적요청을 받지 않습니다.

모바일에서 이미지 리사이징 간단히 해결하자 > 일반 팁소스

본문 바로가기
사이트 내 전체검색

HOT - 펜션예약솔루션 - 그누보드5

HOT - 중고차매매솔루션 - 그누보드5

HOT - 중고차매매솔루션 - 그누보드4

HOT - 펜션예약솔루션 - 그누보드4

NEW - 인터넷뉴스 솔루션 - 그누보드5

계좌정보

  • 국민 : 028201-01-019932
  • 대구 : 068-07-021683-8
  •  
  • 예금주 : 림소프트/김상림
  •  

파트너쉽

일반 팁소스

팁소스 | 모바일에서 이미지 리사이징 간단히 해결하자

페이지 정보

작성자 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일13-01-03 11:48 조회7,690회 댓글0건

본문

모바일에서 이미지의 사이즈는 에디터로 업로드하는 경우 보통 크기가 픽셀만큼 자동 지정이 됩니다.

하지만, 아래처럼 하게 되면 간단히 모바일크기에 맞게 이미지가 자동 리사이징(반응형)이 됩니다.

즉, 최대 크기(max-width)를 100%로 지정하여, 자동으로 크기가 조정되고 중요한 점은 둘러싼 div 인경우 마찬가지로 % 형태로 되어 있어야 합니다.

css 부분
#content {width:100%}

jquery 부분

1. style이 아닌 width , height 값이 직접 들어간 경우
$("#content img").attr({"width":"", "height":""}).css({"max-width": "100%"});

2. style내 width, height값이 들어간 경우
$("#content img").css({"width":"", "height":"", "max-width": "100%"});

본문 부분
<div id="content"><img ...></div>


위는, 기본적 형태로 예를 들었기 때문에, 각자 환경에 맞게 적용을 하여야 합니다.

모바일빌더에는 차후 업데이트에 적용이 될 예정입니다.

갤3 안드로이드에서 테스트됐습니다.

댓글목록

등록된 댓글이 없습니다.

Total 26건 1 페이지
일반 팁소스 목록
번호 제목 글쓴이 날짜 조회
26 팁소스 카카오톡 api 3.0 추천링크 변경소스 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-20 2998
25 팁소스 페이스북 로그인/회원가입시 서버 500에러가 날 경우 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 02-24 3779
24 팁소스 메뉴에서 새글이 있을 경우 new 아이콘 보이기 인기글첨부파일 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 02-12 4283
23 팁소스 관리자도 페이스북 로그인하기 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 02-07 2987
22 팁소스 모바일 빌더에서 글 작성후 pc화면에서 아이콘 노출하게 하는 팁 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-09 3475
21 팁소스 모바일 빌더에서 게시판이 많은 경우 스킨지정 방법 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-06 2415
20 팁소스 그누보드4에서 그누보드5로 이사하기 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-27 3246
19 팁소스 모바일 빌더 그누보드5에 사용하기 댓글1 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-16 2484
18 팁소스 모바일 빌더 최신글, 최근댓글 글수조정 댓글1 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-31 1885
17 팁소스 모바일 빌더 색상 바꾸기 댓글1 인기글첨부파일 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-15 3303
열람중 팁소스 모바일에서 이미지 리사이징 간단히 해결하자 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-03 7691
15 팁소스 최초 접속시 모바일페이지로 이동되는 팁소스 댓글5 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-19 5121
14 팁소스 그누보드4 일반 버젼에서 dtd로 이전 팁 댓글1 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-05 3156
13 팁소스 서버 이전후 500 서버에러나 백지페이지가 나오는 경우 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-25 5748
12 팁소스 그누보드로 운영중인 홈페이지에 dtd 설치하기 댓글1 인기글 rimsoft 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-25 3420
게시물 검색


접속자집계

오늘
58
어제
83
최대
425
전체
334,770
그누보드5

림소프트 / 515-08-36933 / 제2014-경북경산-00079 / 양명주 / ifnelse@gmail.com
© Copyright rimsoft.co.kr . All Rights Reserved.

댓글이 달렸습니다.

모바일 버전으로 보기