internet-explorer-8 - 标签上的最大宽度在 IE8 中不起作用

Question

我有一个奇怪的问题。在当前正在构建的站点上，我们通过 jQuery 插件 Gallerific 具有图库功能。画廊在模态窗口中打开。我需要的是将图像的最大宽度设置为 765px。因此我设置了 max-width: 765px;在我的 CSS 中。我知道我不能在 IE6 中工作，但我不在乎。

奇怪的是，当我使用例如1400 像素宽，兼容 View 中的 IE8，Firefox、Chrome、Safari 和 Opera，都将此图像的宽度缩小到 765 像素——但 IE8 不行!我不明白为什么这不起作用。

任何人都知道发生了什么，或者更好的是，如何解决它？

非常感谢您的回答 - 谢谢!

问候，金

Answer 1

IE8 要求在图像周围放置一个容器，其宽度要么设置为您要查找的最大宽度，要么设置为 100% 宽度(似乎在绝对定位的 div 上效果更好)。只要在该容器上定义了宽度，IE8 似乎就很满意。

对于您的示例，您可以将容器 div 设置为您要查找的最大宽度，同时将所有图像的 max-width 属性设置为 100%:

.container { width: 765px;}
img { max-width: 100%;}

这会强制图像不超过它们所在容器的宽度。

确保声明一个 HTML5 文档类型； IE 不喜欢 XHTML 文档类型。

亲切的问候，拉里