Skip to content

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

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

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


css 부분
#content {width:100%}

jquery 부분
$("#content img").attr({"width":"", "height":""}).css({"max-width": "100%"});

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


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

profile

I see no changes, wake up in the morning and I ask myself

Is life worth living should I blast myself

Things would never be the same.

태그
엮인글 :
http://adminplay.com/169935/c33/trackback
List of Articles
번호 제목 글쓴이 날짜 조회 수
40 Tip 효율적으로 디비 쿼리수 줄이기 Tip ADMINPLAY 2012-01-16 8013
39 Tip 포인트가 마이너스일때 = 포인트 마이너스 회원들 포인트를 0으로 ... l2zeo 2013-03-15 9583
38 Tip 포인트 반복 차감 기간 제한 ADMINPLAY 2012-01-16 8048
37 Tip 페이스북 담벼락에 자동 게시하는 법 l2zeo 2013-01-23 9620
36 Tip 투표(설문) 새창 띄우기 ADMINPLAY 2012-01-16 8827
35 Tip 출석시 과거 특정날짜 자동출석 인정하는 방법 - 미션출석부 l2zeo 2012-03-12 9322
34 Tip 중규모 커뮤니티 속도저하방지를 위한 튜닝 [그누보드 관련] ADMINPLAY 2012-01-16 8789
33 Tip 일정 포인트 이상은 적립안되게 하기 l2zeo 2013-03-15 5078
32 Tip 웹 서비스 구현시 캐시 구현을 남발해서는 안되는 이유? l2zeo 2013-03-18 6576
31 Tip 오늘의 주인공 onfocus="this.blur();"와 a:visited를 소개합니다. ADMINPLAY 2012-01-16 9992
30 Tip 썸네일 생성이 되지 않을때 확인할것 file l2zeo 2013-01-24 7447
29 Tip 스토리보드 이제 쉬워졌어요~~ PowerMockUp 소개 해 봅니다.^^ file l2zeo 2013-03-18 6781
28 Tip 서버이전후 Warning: Cannot modify header information - headers already sent by... 뜰때 l2zeo 2012-09-30 7876
» Tip 모바일에서도 이미지 리사이징 기능 적용하기 l2zeo 2013-01-24 52169
26 Tip 모바일에서 동영상 크기 지정해서 보여줄때. l2zeo 2013-01-24 6900
25 Tip 마우스 오버할때 아이디 안보이게 하기 file l2zeo 2013-02-03 5772
24 Tip 마우스 드래그시 영역 색상 변경 [selection pseudo-element(dropped)] file l2zeo 2013-01-23 4234
23 Tip 그누보드의 visit 문제 file ADMINPLAY 2012-01-16 6789
22 Tip 그누보드내에서 링크를 이용할때 \ 값이 자동 생성될때는? l2zeo 2012-09-30 5229
21 Tip 그누보드4(G4) 변수들 l2zeo 2013-01-22 49898

Copyright ADMINPLAY corp. All rights reserved.

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234