이미지를 감싸고 같은 크기로 만듭니다.

Question

이미지가있는 div와 이미지가있는 div가 있습니다. 로드시 div는 이미지와 크기가 동일하지만 이미지의 크기를 조정할 때 div는 이미지의 너비를 조정하지 않습니다.

내가 크롬 시험이 바이올린의 문제 참조 :

http://jsfiddle.net/8pLed/

이

display: inline; 

것 같다되어 있지 솔루션을

편집 :

목 이다 내가 창 크기를 변경 한 후 보이는 방법입니다

Answer 1

style="width: 100%;"가 브라우저의 폭에 따라 이미지 크기 다시 필요합니다.

또한 당신은

style="position: absolute; left: 0; right: 0;" 

를 사용할 수 있지만 img 요소는 정적되지 않습니다.

너비가 높이와 대비되는 이미지의 너비를 설정하는 width: auto을 사용하고 있습니다.