0

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

我还在我的图片max-width上设置max-height了 100%，这样当人们减小浏览器的大小时，图片和其他内容也会随之变化。这在 Chrome 中按预期工作，但在 IE10 中却没有。据我所知，只有当我将图片放在 div 中时display: table-cell

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

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

提前致谢。

4

2 回答 2

2

This IS a bug in IE...but you can often fix it by making the table container have a table-layout attribute equal to 'fixed'.

于 2014-08-13T19:40:51.077 回答
0

在页面顶部添加 !DOCTYPE 以获得在 IE 中工作的 max-width 和 max-height，例如：< !DOCTYPE html public "-//W3C//DTD HTML 4.0 Strict//en" >

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

于 2013-12-10T20:59:25.427 回答