Firefox 忽略图像上的百分比高度

Question

我正在为教授开发一个网站，但我在 Firefox 中遇到了 CSS 问题。该网站被设计为流体宽度/高度，因此它可以在任何分辨率下填充屏幕，因此我使用了很多高度和宽度的百分比。但是，我遇到了图像问题。

http://projects.mediabounds.com/i.bradley.edu/

缩略图的顶部栏应该缩放图像，但它在 Firefox 中不起作用，图像保持 100% 的原始高度。它在 Safari 中运行良好(不了解 Internet Explorer)。我已将高度设置为 100%，将宽度设置为自动。我希望它将图像缩放到 div 高度的 100%，然后相应地调整宽度。

谁能指出我错过了什么？

Answer 1

您需要为图像提供 100% 的高度，但它的父元素需要以百分比表示所需的高度和宽度。

基本上制作一个包含图像的 DIV，以百分比或像素为单位为 DIV 提供所需的宽度和高度。将图像放置在 DIV 内并为其设置 100% 高度。

这就是 Firefox 处理图像的方式。