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

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

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

---

有人能指出我遗漏了什么吗？

你需要给图像一个100%的高度，但它的父元素需要是所需的高度和宽度百分比

基本上制作一个包含图像的DIV，以百分比或px为单位为DIV指定所需的宽度和高度。将图像放在DIV内，并使其具有100%的高度

---

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

我也遇到了这个问题，我使用CSS中的

vh

单位在多个浏览器中获得了一致的高度，例如

max height:5vh与视口高度的5%相同。
我一直在使用Firebug/Web Developer工具栏来尝试跟踪CSS中的问题。根据Firebug，img得到的是100%高度和自动宽度的值。1。看不到你所说的“缩略图顶部栏”。2.如果你在这里没有得到答案，你可以试着在上面发帖，我在FF和IE中也遇到了类似的问题。在Chrome中效果很好。