gpt4 book ai didi

internet-explorer-8 - 标签上的最大宽度在 IE8 中不起作用

转载 作者:技术小花猫 更新时间:2023-10-29 10:27:49 24 4
gpt4 key购买 nike

我有一个奇怪的问题。在当前正在构建的站点上,我们通过 jQuery 插件 Gallerific 具有图库功能。画廊在模态窗口中打开。我需要的是将图像的最大宽度设置为 765px。因此我设置了 max-width: 765px;在我的 CSS 中。我知道我不能在 IE6 中工作,但我不在乎。

奇怪的是,当我使用例如1400 像素宽,兼容 View 中的 IE8,Firefox、Chrome、Safari 和 Opera,都将此图像的宽度缩小到 765 像素——但 IE8 不行!我不明白为什么这不起作用。

任何人都知道发生了什么,或者更好的是,如何解决它?

非常感谢您的回答 - 谢谢!

问候,金

最佳答案

IE8 要求在图像周围放置一个容器,其宽度要么设置为您要查找的最大宽度,要么设置为 100% 宽度(似乎在绝对定位的 div 上效果更好)。只要在该容器上定义了宽度,IE8 似乎就很满意。

对于您的示例,您可以将容器 div 设置为您要查找的最大宽度,同时将所有图像的 max-width 属性设置为 100%:

.container { width: 765px;}
img { max-width: 100%;}

这会强制图像不超过它们所在容器的宽度。

确保声明一个 HTML5 文档类型; IE 不喜欢 XHTML 文档类型。

亲切的问候,拉里

关于internet-explorer-8 - <img> 标签上的最大宽度在 IE8 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3915219/

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