[기타] 이미지 가로사이즈 438로 되는 현상 해결법

분명 가로사이즈 450으로 리사이즈시켜서 인장에 넣어도 438로 줄어들어서 짜증났었는데요

몇몇 이미지의 경우 450 그대로 나오길래 대체 왜인지 궁금해서 실험해봤습니다.

방법 1 : 단순하게 이미지만 넣기

<img src="https://upload2.inven.co.kr/upload/2017/04/23/bbs/i13885650944.jpg" width="450">

방법 2 : <div> 안에 이미지 넣기

<div><img src="https://upload2.inven.co.kr/upload/2017/04/23/bbs/i13885650944.jpg" width="450"></div>

방법 3 : <div> 의 가로사이즈 조절하기

<div width="450"><img src="https://upload2.inven.co.kr/upload/2017/04/23/bbs/i13885650944.jpg" width="450"></div>

인장에서 결과

방법 1과 방법 3은 정상적으로,

방법 2만 438로 줄어들었습니다.

즉, 인장에 넣은 이미지가 <div>문 안에 있을 때만 리사이즈가 되는 걸 확인했습니다.

방법 1로 할 때 줄어드신다면 방법 3을 한번 시도해보시는 것이 어떨련지요?

요약 :

<div width="450"><img src="이미지주소" width="450"></div>

제 개인적인 생각인데 인장 편집창에서 오른쪽 스크롤바가 생기면서 

<div>를 암묵적으로 12px만큼 축소시키는 것 같아요.

그래서 명시적으로 width="450"으로 고정시키면 해결되는 듯 합니다.