Lua
2017-06-19 02:50
조회: 1,338
추천: 6
이미지 가로사이즈 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"으로 고정시키면 해결되는 듯 합니다. |