我有一些高度=自动的图像，因为有时它们的高度不同，而它们的宽度总是相同。它可以在每个浏览器中运行，但是I.E.，我可以使用类似的东西吗？
答案 0 :(得分：37)
我发现通过添加min-height：1px解决了这个问题。不知道为什么，但是，为我工作。
答案 1 :(得分：12)
离开
height=auto
出。如果没有给它默认为“自动”......
答案 2 :(得分：10)
解决方案是添加典型的IE修复:(
的CSS：
height:auto !important;
答案 3 :(得分：2)
我已经尝试了所有发布的解决方案，唯一有效的解决方案是
height=100%
答案 4 :(得分：1)
使用height：auto和width：auto，它将在IE中运行。如果你只指定其中一个，IE会感到不安。
height: auto;
width: auto;
答案 5 :(得分：0)
在弹性容器中使用带有{
"parameters": [
{
"complexType": "SoftLayer_Container_Product_Order",
"orderContainers": [
{
"complexType": "SoftLayer_Container_Product_Order_Virtual_Guest",
"location": "1555995",
"packageId": 835,
"quantity": 1,
"presetId": 293,
"reservedCapacityId": 8601,
"virtualGuests": [
{
"domain": "rci.com",
"hostname": "ReservedGroupIns-02"
}
],
"useHourlyPricing": true,
"prices": [
{
"id": 13945
},
{
"id": 273
},
{
"id": 55
},
{
"id": 58
},
{
"id": 21
},
{
"id": 1800
},
{
"id": 57
},
{
"id": 418
},
{
"id": 905
},
{
"id": 420
}
]
}
]
}
]
}
的图像时，也会出现IE问题。
对我个人而言，问题是由于图像放置在嵌套的flex容器中引起的。我能够删除父级flex容器，问题已为我解决。
人们在以下页面中提到的解决方案还有更多解决方法： https://github.com/philipwalton/flexbugs/issues/75
答案 6 :(得分：0)
您可以进行width="100%"和max-width="100px"或任何所需的宽度，然后简单地height="auto"。这对我有用。
顺便说一句，如果您的父元素没有想要的图像宽度，那么您可能还需要min-width宽度。
答案 7 :(得分：0)
对于Edge浏览器，您可以使用max-height，这也适用于其他浏览器
max-height: 100%;
答案 8 :(得分：0)
我遇到了同样的问题，最小高度和！important的修复不适用于我。 我的img在flex容器中。 然后，我尝试将img放入另一个img中，并包装div和height：auto起作用。
答案 9 :(得分：-1)
在“IE9兼容性视图 - IE7标准文档模式”中，关闭height = auto可能无法解决问题。尝试添加条件CSS并在IE的特殊css文件中（“ie.css”）添加一行，为受影响的类/元素指定适当的最小高度。
例如：
.IE7。[ css元素] {min-height：xxxpx;}
xxx等于必要的图像高度。
答案 10 :(得分：-3)
身高：初始;将工作而不是使用高度：auto;在铬和ie。