gpt4 book ai didi

image - 高度 : Auto in Internet Explorer 8 and below

转载 作者:数据小太阳 更新时间:2023-10-29 09:15:50 31 4
gpt4 key购买 nike

转向响应式设计,我将 %s 用于图像,例如:

#example img {
width: 100%;
height: auto;
max-width: 690px; // Width of the image uploaded.
}

这很好用,但在 Internet Explorer 8 及以下版本中除外。这是因为 height: auto 是 CSS3 的一部分,只有 IE9 及更高版本才支持它吗?

最重要的部分……关于解决这个问题的方法有什么建议吗?到目前为止我唯一能想到的就是给它一个最大高度。

谢谢

最佳答案

试试这个:

img {
width: inherit; /* Make images fill their parent's space. Solves IE8. */
max-width: 100%; /* Add !important if needed. */
height: auto; /* Add !important if needed. */
}

或者:

img { max-width:100%; height: auto; } /* Enough everywhere except IE8. */
@media \0screen {img { width: auto }} /* Prevent height distortion in IE8. */

两种解决方案都有效。不同之处在于 width:inherit 使图像填充其父级的空间,而 width:auto 使它们达到实际尺寸。参见 fit.css

关于image - 高度 : Auto in Internet Explorer 8 and below,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8610077/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com