iframe - 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 时，这似乎可以解决问题。

scriptCSS（在您的标头中的 bootstrap.css 之后的文件中放置或使用标签在您的头中声明）：

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

然后修改您的 HTML，使您的每个img标签都具有myThumbnail该类。

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