在IE10中无法使用的流体图像的最大宽度和最大高度

Question

我正在尝试在我的网站上制作半响应式设计。为此，我使用百分比作为除页面包装之外的所有内容的宽度和高度，我在其中设置max-width像素。

我还将max-width和max-height等于100％放在我的照片上，这样当人们减少浏览器尺寸时，图片也会跟随其他内容。这在Chrome中可以正常使用，但在IE10中却没有。据我所知，只有当我把照片放在有display: table-cell

的div中时

如果没有div中的图片，div会根据窗口大小增加或减少，就像在IE和Chrome中一样。但是当我使用style="max-width: 100%; max-height: 100%;"放入图像时，它不会缩放，至少不会在IE中。

这是一个错误，还是按预期工作？有什么我能做的吗？ ：）

提前致谢。

Answer 1

这是IE中的一个错误...但您通常可以通过使表容器具有等于'fixed'的表布局属性来修复它。

Answer 2

将！DOCTYPE添加到页面顶部以获得在IE中工作的max-width和max-height，例如： ＆LT; ！DOCTYPE html public“ - // W3C // DTD HTML 4.0 Strict // en”＆gt;

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