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

Question

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

顶部的缩略图条应该缩放图像,但它在Firefox中不起作用,图像保持其原始高度的100%.它在Safari中工作正常(不了解Internet Explorer).我将高度设置为100%,宽度设置为自动.我希望它将图像缩放到div的高度的100%,然后相应地调整宽度.

任何人都可以指出我错过了什么吗？

Answer 1

您需要为图像指定 100% 的高度，但其父元素需要具有所需的高度和宽度（以百分比表示）。

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

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