流体图像的最大宽度和最大高度在 IE10 中不起作用答案

【问题标题】：max-width and max-height for fluid images not working in IE10流体图像的最大宽度和最大高度在 IE10 中不起作用
【发布时间】：2014-08-14 04:12:42
【问题描述】：

我正在尝试在我的网站上进行半响应式设计。为此，我使用百分比作为除页面包装器之外的所有内容的宽度和高度，我在其中设置了 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 中不会。

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

提前致谢。

【问题讨论】：

IE、Firefox、Opera出现问题。对于某些类型的内容，它也会出现在 Chrome 和 Safari 中。简而言之，这似乎是表格单元格的限制。相关问题：stackoverflow.com/q/16397667/1306809

【解决方案1】：

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

【讨论】：

【解决方案2】：

将 !DOCTYPE 添加到页面顶部以获得在 IE 中工作的最大宽度和最大高度，例如：

【讨论】：