분명 가로사이즈 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"으로 고정시키면 해결되는 듯 합니다.