[HTML] 이미지 원본사이즈를 최대한 유지하여 페이지에 맞추기 / 반응형 웹디자인

img태그 속성에 style="max-width:100%; height:auto;"

 

width:100%는 이미지 원본 사이즈와 상관없이 페이지 너비에 맞추어 꽉 채우는 반면, max-width:*%는 페이지 너비가 원본 이미지 크기보다 크면 이미지 사이즈를 원본대로 하고, 페이지 너비가 이미지보다 작아지면 이미지 사이즈를 페이지 너비에 *%로 맞춘다.