IE不支持高度=自动图像,我应该使用什么?



我有一些图像的高度=auto,因为有时他们是不同的高度,而他们总是相同的宽度。它适用于每一个浏览器,但也就是说,有类似的东西,我可以使用?

我发现添加min-height:1px解决了这个问题。不知道为什么,但它对我很有效。

就留下

height=auto

。如果没有指定,则默认为auto…

解决方案是添加典型的IE修复:(

css:

height:auto !important;

我已经尝试了所有的解决方案,唯一有效的是

height=100%

使用height: auto和width: auto,它将在IE中工作。如果你只指定其中一个,IE就会生气。

height: auto;
width: auto;

在flex容器内使用height=auto图像时也存在IE问题。

对我个人来说,这个问题是由于图像被放置在嵌套的柔性容器中造成的。我能够删除父flex容器,这个问题为我解决了。

还有一些人们在下面的页面中提到的解决方案:https://github.com/philipwalton/flexbugs/issues/75

你可以做width="100%"max-width="100px"或任何你想要的宽度,然后简单地height="auto"

顺便说一句,如果你的父元素没有你想要的宽度,你可能需要min-width宽度你想要的宽度。

对于Edge浏览器,您可以使用max-height,这也适用于其他浏览器

max-height: 100%;

我有同样的问题和修复min-height和!important不适合我。我的img在一个弹性容器里。然后我试着把img放入另一个,包装div,然后height:auto worked.

在"IE9兼容性视图- IE7标准文档模式"下,关闭height=auto可能无法解决问题。尝试添加条件CSS,并在IE的特殊CSS文件("IE . CSS")中添加一行,为受影响的类/元素分配适当的最小高度。

例如:

。css元素IE7。]{最低高度:xxxpx;}

其中xxx等于所需的图像高度

font - family:宋体;将工作,而不是使用height: auto;

相关内容

最新更新