如何为所有浏览器设置图像高度？

Question

在我发布此问题之前，我已经检查了这个论坛和Google，但这些方法对我不起作用。可能是我做错了。

我有一个看起来像这样的页面： enter image description here

在这个页面中，我的图像很少，为此我使用了以下css代码：

display: inline-block;
width: 100% \9;
max-width: 100%;
min-height: 75px;
height: auto !important;
height: 75px;

现在在Firefox浏览器中，顶部和底部图像都显示正确的大小，但在Internet Explorer中，所有图像都显示全高（填满整个网站）!!

现在如果我删除此行

height: auto !important;

然后在互联网资源管理器上图像高度是完美的，但在Firefox底部图像是拉伸。

我怎样才能解决这个问题？

感谢。

Answer 1

请试试这个。

{
    display: inline-block;
    max-height: 75px;
    min-height: 75px;
    width: auto;
}

关于你的所有图像高度将是75像素，但所有人的宽度可能不同，如果你想要的图像也相同，请在下面使用。

{
    display: inline-block;
    max-height: 75px;
    min-height: 75px;
    width: 100%;
}

如果所有图像都具有相同的宽度，则不会出现问题，但如果所有图像的宽度不同，则可能会有一些图像会拉伸。