Html 不在IE中工作的img上的最大高度

我试图为图像赋予max height属性，该属性在除IE之外的所有浏览器中都能完美工作。图像不会根据包装分区的大小调整大小。 我寻找解决方案，人们说给高度：自动；宽度：auto，但这似乎不起作用。 我正在动态拍摄图像链接。所以我不能确定图像的大小。
我有这个：

HTML：

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

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

徽标分区内的图像应该调整大小，因为标题包含。徽标分区和我已将标题设置为高度：10%，因此它会根据窗口大小调整大小。在其他浏览器中效果绝对不错，但IE除外

---

有什么想法或解决方法吗？

IE在图像高度方面存在缺陷。将其放入CSS中以修复：

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

---

IE的图像高度有问题。将其放入CSS中以修复：

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

---

你应该在img和width上加上100%的高度：auto是不均匀的，但是在这之前检查包装div，如果它确实有真实的高度，则可能是图像高度甚至不是其上方div的10%高度（仅当原始尺寸大于包装尺寸的100%时，才应用最大高度）

再次检查图像的包装元素并没有固定的高度

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

---

你应该在img和width上加上100%的高度：auto是不均匀的，但是在这之前检查包装div，如果它确实有真实的高度，则可能是图像高度甚至不是其上方div的10%高度（仅当原始尺寸大于包装尺寸的100%时，才应用最大高度）

再次检查图像的包装元素并没有固定的高度

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

---

PS-如果你的IE真的很旧（lte IE9），你可能还想将

标题设置为
display:block；
。这将解决几乎所有的IE问题：@Deryck哦，对了，谢谢你的建议，这在我的reset.css:）@jprofitt你是对的！我错误地把“.header”放在这里而不是“header”，我的文件中有与你说的完全相同的内容，现在将在这里编辑它！：）还可能想修复你的PHP-错误的
）
和额外的
？>“
@Deryck天哪，我真是太蠢了。。实际上，我有更多的php代码在里面，我删除了另一部分，但忘了删除结尾处的额外内容。PS-如果你的IE真的很旧（lte IE9），你可能还想将
标题设置为
显示：block。这将解决你几乎所有的IE问题：@Deryck哦，对了，谢谢你的建议，这在我的reset.css:）@jprofitt你说得对！我错把“.header”放在这里而不是“header”，我的文件中有与您所说的完全相同的内容，现在将在这里编辑它！：）还可能需要修复您的PHP-杂散的
）
和额外的
？>“
@Deryck天哪，我真是太蠢了。。实际上，我有更多的php代码在里面，我删除了另一部分，但最后忘了删除额外的部分。谢谢你的建议，但考虑到图像高度，这无助于图像调整大小并使其适合所需的分割大小（请参阅我上面的最后一条评论，了解一个额外的潜在解决方案。感谢您的建议，但考虑到图像高度，这无助于图像调整大小并将其调整为所需的分割大小：（请参阅我上面的最后一条评论，了解一个额外的潜在解决方案。哦，天哪，这真是太棒了！尽管我添加了一个
width:auto/9；
，因为图像的宽度被拉伸了（多亏了@deryck！）再次感谢！回答被接受！哦，我的上帝，这真是个奇迹！尽管我添加了一个
宽度：auto/9；
，因为图像的宽度被拉伸了（感谢@deryck！）再次感谢你！回答被接受！