1. 首頁
  2. 問答
  3. 最大寬度的圖像和嵌入塊在IE中

最大寬度的圖像和嵌入塊在IE中

2012-06-24 22 views
2

我試圖使圖像適合一個容器，具有適合圖像寬度的包裝div。我可以成功地做到這一點，但是當我將圖像的最大寬度設置爲100％（以確保它適合包含div）時，它在IE9/IE8中不起作用（圖像以全角顯示）。在Chrome中運行良好。包裝div未設置爲內嵌塊時，最大寬度工作。我嘗試着將兩個元素都浮在一起，但這也不起作用。最大寬度的圖像和嵌入塊在IE中

這是小提琴：http://jsfiddle.net/tbgWv/。

來源

2012-06-24 Sabrina Leggett

+0

這也是Firefox中的一個問題。 – markrian

回答

2

嘗試將width:100%;添加到img。

來源

2012-06-25 04:01:28 Bruno

+1

這工作！我認爲這會將圖像大小設置爲容器的寬度，但不是。 –

+0

謝謝你。任何想法發生了什麼，爲什麼？ 我創建了一個Codepen來測試：http://codepen.io/iamkeir/pen/MYadRO（在IE8中查看完整頁面：http://codepen.io/iamkeir/full/MYadRO） 另外，有沒有更好的修復？ – iamkeir

+0

這也解決了Firefox中的問題。 – markrian

-1

IE是相當經常的奇一出：d

先給圖像的絕對寬度值，像我一樣here。

來源

2012-06-24 08:26:45 Bluefire

+0

感謝您的迴應！不幸的是，我想這個CSS應用於可變寬度的圖像，我也希望它們擴展到外部容器，所以我不能使用絕對寬度而不使用JS –

+0

是的，我認爲在這種情況下，你不能真正無需使用JavaScript來檢測IE並指定寬度即可離開。 – Bluefire

相關問題

 相關問題