블로그스팟 모바일에서 이미지 길게 나오는 현상

블로그스팟 이미지 모바일에서 길게 나오는 현상 해결 방법
How to fix the problem of Blogspot images appearing long on mobile

블로그 스팟(www.blogger.com)에서 이미지를 올리는 경우 아래처럼 이미지 수정에서 아주 크게 또는 크게 올릴 경우, 혹은 큰 이미지를 원본 상태로 올린다면 PC에서는 어떤 경우에도 보기 좋게 디스플레이 됩니다.

하지만 아래처럼 톱니바퀴 이미지 수정에서 큰 사이즈로 올릴 경우 모바일에서는 핸드폰의 폭이 한정되어 있기 때문에 폭은 그대로 이고 길이는 이미지 사이즈 만큼 늘어나게 될 것입니다.
이미지 사이즈를 핸드폰 사이즈에 맞게 작은 사이즈로 올린다면 별 문제가 없겠습니다.

블로그스팟 모바일에서 이미지 길게 나오는 현상

그렇다고 큰 이미지 일 때 이미지 해석이 좋은 이미지를 작게 올릴 수는 없습니다.
그래서 착안 한 생각으로 이미지에 영향을 주는 CSS 코드를 추가 함으로서 해결 됩니다.

이미지 가로 폭이 핸드폰과 똑같은 폭으로 되는 만큼 이미지 높이도 비례 할 수 있도록 하면 될 것입니다.
손으로 이미지를 늘릴 때 커 지는 기능은 유지 됩니다.