流體圖像在IE10中不能工作的最大寬度和最大高度

Question

我試圖在我的網站上製作半響應式設計。爲此，我使用百分比的寬度和高度除了頁面包裝，其中我設置max-width像素。

我還將max-width和max-height等於我的照片的100％，以便人們減少瀏覽器尺寸時，圖像也會隨其餘內容一起放入。這在Chrome中是按照預期工作的，但在IE10中並沒有。據我所看到的，只有當我把我的照片中有display: table-cell

沒有在div圖片的div，在div增加或減少根據窗口大小，只是因爲它應該，在IE和鉻。但是當我把圖像放在style="max-width: 100%; max-height: 100%;"的圖像中時，它不會縮放，至少在IE中不會。

這是一個錯誤，還是按預期工作。有什麼我可以做的嗎？ :)

在此先感謝。

Answer 1

將！DOCTYPE添加到頁面頂部以獲得在IE中工作的最大寬度和最大高度，例如： <！DOCTYPE html public「 - // W3C // DTD HTML 4.0 Strict // en」>

http://msdn.microsoft.com/en-us/library/ie/ms530811(v=vs.85).aspx

Answer 2

這是在IE中的錯誤...但你往往可以通過使表容器有一個表格的佈局屬性等於「固定」修復它。