IE或Firefox不自動調整

首先，我是新手，已經做了大量的研究，但找不到答案。IE或Firefox不自動調整

我在頁面頂部設置了一個div容器，寬度爲100％，高度爲20％。我想插入一張圖片，可以自動調整屏幕尺寸。

我發現這個網站上的一些代碼在safari和chrome中完美工作（也可以在ipad和iphone上完美調整大小），但是在firefox（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不自動調整

回答

相關問題