在我发布这个问题之前，我已经检查了这个论坛和谷歌，但这些方法对我不起作用。可能是我做错了。
我有一个看起来像这样的页面：在此处输入图像描述
在此页面中，我有几张图片，为此我使用了以下 css 代码：
display: inline-block;
width: 100% \9;
max-width: 100%;
min-height: 75px;
height: auto !important;
height: 75px;
现在在 Firefox 浏览器中，顶部和底部图像都显示正确的大小，但在 Internet Explorer 中，所有图像都显示全高（填满整个网站）！
现在如果我删除这一行
height: auto !important;
然后在 Internet Explorer 上图像高度是完美的，但在 Firefox 上底部图像被拉伸。
我该如何解决这个问题？
谢谢。
请试试这个。
{
display: inline-block;
max-height: 75px;
min-height: 75px;
width: auto;
}
关于您的所有图像高度将为 75 像素，但所有宽度可能不相同，如果您希望图像也相同，请在下面使用。
{
display: inline-block;
max-height: 75px;
min-height: 75px;
width: 100%;
}
如果所有图像的宽度相同，则没有问题，但如果所有图像的宽度不同，则某些图像可能会被拉伸。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句