이미지를 모바일 해상도에 맞게 조절하기

기존 PC에서 사용하던 이미지를 재가공하지 않고, 모바일웹의 화면에 맞게끔 이미지 사이즈를 변경할 수 있는 방법이 뭐가 있을까???

구글링을 해봤지만 마땅한 해법을 찾지 못하고 있었는데, Jquery mobile demo 페이지에서 아주 간단한 답을 찾았다.

바로 <img> 태그 에 "width=100%" 속성을 추가하는 것이다.

효과만점에 아주 간단하면서도 모바일웹에서 쉽게 사용할 수 있다.