IE 또는 Firefox가 자동 크기 조정을하지 않음

처음에, 저는 이것에 익숙하지 않고 많은 연구를 해왔지만 대답을 찾을 수 없습니다.IE 또는 Firefox가 자동 크기 조정을하지 않음

내 페이지 상단에 div 컨테이너를 100 % 너비와 20 % 높이로 설정했습니다. 화면 크기에 따라 자동으로 크기가 조절되는 이미지를 삽입하고 싶습니다.

사파리와 크롬에서 완벽하게 작동하는이 사이트에서 코드가 발견되었지만 (파이어 폭스 (20)와 IE (10)에서는 이미지의 크기가 약간 조정되지만 부모에게는 머물러 있지 않음) 컨테이너.

아무도 도와 줄 수 있습니까? 내가 사용 된 원래의 코드는 다음과 같습니다

<html> 
<style type="text/css"> 
#myDiv 
{ 
height:auto; 
width:auto; 
} 
#myDiv img 
{ 
max-width:100%; 
max-height:100%; 
margin:auto; 
display:block; 
} 
</style> 


<div id="myDiv"> 
<img src="images/storm.jpg"> 
</div> 
</html>

어떤 도움을 주시면 감사하겠습니다 당신은의 실제 너비/높이를 설정해야

출처

2013-05-15 Sean Foster

#myDiv img 
{ 
width:100%; 
height:100%; 
margin:auto; 
display:block; 
}

(내가 배우고 기억하시기 바랍니다!) 이미지를 최대 너비 및 최대 높이가 아닌 100 %로 설정하십시오.

출처

2013-05-15 10:06:53 Ryan

답장을 보내 주셔서 감사합니다. 안타깝게도 문제가 해결되지 않고 이미지가 늘어납니다. 내가 볼 수 있듯이 이미지는 Safari 및 Chrome의 컨테이너 div 태그 크기에 바인딩되지만 IE 및 Firefox에서는 무시되므로 크기가 컨테이너 크기를 무시한 채 100 %가됩니다. 이것이 축소되거나 확장 될 때 크기가 조정되지 않습니다. 다른 아이디어가 있습니까? –

IE 또는 Firefox가 자동 크기 조정을하지 않음

답변

관련 문제