Bootstrap在不同浏览器中的不同行为

Question

检查不同浏览器中的以下链接： http://www.northeastern.edu/sds/web/demos/demos_climate_prec_001.shtml

点击左表中的第一个选项（左上角）。（它会打开一个iframe）

Chrome中的

• 底部会显示一行缩略图（这是预期的内容），您可以点击它们查看原始尺寸

• 但在Firefox和IE中它显示不同的行为，照片以原始尺寸显示。

我该如何解决这个问题？ 非常感谢你的帮助。

Answer 1

我绝对可以看到你的问题。我尝试使用IE 8和9 - 与Chrome不同，它们都显示完整尺寸的图像而不是缩略图。

一种解决方案是在img标记中添加一个类，并在那里调整图像大小。当我尝试使用IE 8和9时，这似乎可以解决问题。

CSS（将您的bootstrap.css放在标题中的文件中，或者使用script标记在脑中声明）：

.myThumbnail {
    width:224px;
    height:147px;
}

然后修改您的HTML，使每个img代码都包含myThumbnail类。

我知道这不是理想的解决方案，但它确实有效。