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/c66/trackback
List of Articles
번호 제목 글쓴이 날짜sort 조회 수
7 Tip 스토리보드 이제 쉬워졌어요~~ PowerMockUp 소개 해 봅니다.^^ file l2zeo 2013-03-18 6787
6 Tip Cascading Style Sheets (자바스크립트 style 객체) l2zeo 2013-04-25 6274
5 Tip jquery 관련 l2zeo 2013-05-26 6359
4 Tip robots.txt 관련 Tip. l2zeo 2013-05-30 9518
3 Tip 그누보드 패밀리사이트에서 회원가입연동 l2zeo 2013-05-31 5922
2 Tip IE css핵 (css hack)과 IE filter file [1] l2zeo 2013-07-03 14552
1 Tip IE 버그와 해결책들 l2zeo 2013-07-03 8087

Copyright ADMINPLAY corp. All rights reserved.

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234