Internet explorer 8 上的最大宽度<；img>；标签不在IE8中工作

我有一个奇怪的问题。在目前正在建设的一个网站上，我们通过jQuery插件Gallerific实现了一个画廊功能。画廊将在模式窗口中打开。我需要的是将图像的最大宽度设置为765px。因此，我设置了最大宽度：765px；在我的CSS中。 我知道我不在IE6工作，但我不在乎

奇怪的是，当我在兼容性视图中使用1400px宽、IE8、Firefox、Chrome、Safari和Opera的图像时，所有这些图像的宽度都会缩小到765px，而不是IE8！ 我不明白这为什么不起作用

有人知道发生了什么事，或者更好的是，如何修复它吗

非常感谢您的回答-谢谢

---

尊敬的Kim，也许Gallerific会对苍蝇应用最大宽度？ 您是否尝试过使用

！重要信息

？

您遇到了IE8的“几乎是标准模式”（其设计与IE7的破坏方式相同）。添加元标记：

<meta http-equiv="X-UA-Compatible" content="IE=8">

---

或者，具有相同值的真实HTTP头字段应将您置于适当的标准模式。请注意，meta标记必须出现在任何脚本或样式元素之前才能正常工作。

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

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

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

这将强制图像不超过找到它们的容器的宽度

确保您声明了HTML5 doctype；IE不喜欢XHTML文档类型

亲切问候,，

---

Larry

我遇到了一个类似的问题，当您有不同大小的图像时，容器解决方案不起作用，如果图像较小，则会在图像的侧面留下大量空间。显然，“最大高度”在IE8中工作正常，如果可以的话，我建议您使用它。

如其他响应中所述，您需要对容器应用宽度以解决IE8中的此问题。对于Galleriffic特定的解决方案，您可以添加类似以下内容的css：

a.thumb img 
{
    max-width: 160px; 
}

/* IE 8 specific bug */
a.thumb
{
    width: 160px; 
}

---

嘿，有一件事你可能想试试（我的头撞在墙上），所以要确保你的doctype设置正确

IE8与HTML5版本兼容，但如果是小写，则不兼容

还有一些很酷的CSS内联攻击，可以针对特定的平台：

宽度：200px\9；/*ie8及更早版本/

---

高度：200px\9；/ie8和早期版本*/

我遇到了与ie8和IE9类似的问题，发现我的代码中有一个不同的问题，值得一提

我有一个宽度为100%的div，然后是一个最大宽度为980px的div

由于某种原因，没有看到最大宽度，而980 div中原本应该向右浮动的元素也没有

我通过w3代码验证程序运行了该页面，它捕获了doctype声明之前的一条评论，并说IE将处于“怪癖”模式

---

当我将该推荐移到doctype声明下方时，验证程序的“怪癖”模式警告就消失了，IE 8和IE 9中的一切都很好。

你就是拉里，这在我挠头4个小时后帮了我大忙！这对我很有效，解决了我的电子邮件无法扩展的问题。这是一个比重构电子邮件上的每个图像更好的解决方案！