img上的最大高度在IE中不起作用

Question

我试图将max-height属性赋予图像，这在IE以外的所有浏览器中都能正常工作。图像不会根据包装分区的大小调整大小。 我搜索了解决方案，人们说给height:auto; width:auto，但这似乎不起作用。 我正在动态拍摄图像链接。所以我无法确定图像的大小。 我有这个：

HTML ：

<header>
<div class="logo">
<img src="<?php echo $logo_link; ?>" />
</div>          
</header>

CSS ：

header {
height:10%;
}
.logo {
float:left;
}
.logo img{
max-height: 100%;
width:auto;
}

徽标分区内的图片应调整大小，因为标题包含.logo分区，并且我已将标题设置为高度：10％，因此它会根据窗口大小调整大小。除了IE之外，在其他浏览器中工作得非常好。

有任何想法或解决方法吗？

Answer 1

IE有图像高度的错误。把它放在CSS中修复它：

img {
    height: auto;
    width: auto\9;
}

Answer 2

你应该在img和宽度上放置100％的高度：auto甚至不是nessery，但是在它之前检查包装div如果它确实有真正的高度它可能是图像高度甚至不是10％的高度高于它的div（只有当原始大小大于包装等位基因的100％时，最大高度应用

检查它是否图像的包装元素确实没有固定的高度......

header {
height:10%;
}
.logo {
float:left;
height: 100%;
}
.logo img{
height: 100%;/height:inherit;
}