html 이미지 태그 안에 
세로크기 자동조정 : <img src="그림주소" style="width: 700px; height: auto;"> 
가로세로 자동조정 : <img src="그림주소" style="width: 100%; height: auto;">
가로세로 자동조정 : <img src="그림주소" style="max-width: 100%; height: auto;"> 

출처 : https://tadream.tistory.com/9766