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/229/trackback
List of Articles
번호 제목 글쓴이 날짜 조회 수

Tip IE 버그와 해결책들

  • l2zeo
  • 2013-07-03
  • 조회 수 8098

Tip IE css핵 (css hack)과 IE filter file [1]

  • l2zeo
  • 2013-07-03
  • 조회 수 14566

Tip 그누보드 패밀리사이트에서 회원가입연동

  • l2zeo
  • 2013-05-31
  • 조회 수 5934

Tip robots.txt 관련 Tip.

  • l2zeo
  • 2013-05-30
  • 조회 수 9534

Tip jquery 관련

  • l2zeo
  • 2013-05-26
  • 조회 수 6373

Tip Cascading Style Sheets (자바스크립트 style 객체)

  • l2zeo
  • 2013-04-25
  • 조회 수 6290

Tip 스토리보드 이제 쉬워졌어요~~ PowerMockUp 소개 해 봅니다.^^ file

  • l2zeo
  • 2013-03-18
  • 조회 수 6798

Tip 웹 서비스 구현시 캐시 구현을 남발해서는 안되는 이유?

  • l2zeo
  • 2013-03-18
  • 조회 수 6599

Tip 포인트가 마이너스일때 = 포인트 마이너스 회원들 포인트를 0으로 ...

  • l2zeo
  • 2013-03-15
  • 조회 수 9979

Tip 일정 포인트 이상은 적립안되게 하기

  • l2zeo
  • 2013-03-15
  • 조회 수 5091

Tip CSS shorthand properties (단축 속성) [1]

  • l2zeo
  • 2013-02-26
  • 조회 수 5387

Tip 마우스 오버할때 아이디 안보이게 하기 file

  • l2zeo
  • 2013-02-03
  • 조회 수 5792

Tip 모바일에서도 이미지 리사이징 기능 적용하기

  • l2zeo
  • 2013-01-24
  • 조회 수 54191

Tip 모바일에서 동영상 크기 지정해서 보여줄때.

  • l2zeo
  • 2013-01-24
  • 조회 수 6924

Tip 썸네일 생성이 되지 않을때 확인할것 file

  • l2zeo
  • 2013-01-24
  • 조회 수 7470

Tip Mini Help System with jQuery file [1]

  • l2zeo
  • 2013-01-23
  • 조회 수 5640

Tip CSS3 를 이용한 툴팁(Tooltip) 표시 [1]

  • l2zeo
  • 2013-01-23
  • 조회 수 6083

Tip [caching tip] js, css 캐싱 팁

  • l2zeo
  • 2013-01-23
  • 조회 수 5369

Tip 페이스북 담벼락에 자동 게시하는 법

  • l2zeo
  • 2013-01-23
  • 조회 수 9638

Tip [Lazy Load Plugin for jQuery] 효율적인 이미지 로딩 file

  • l2zeo
  • 2013-01-23
  • 조회 수 10245

Copyright ADMINPLAY corp. All rights reserved.

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234