gpt4 book ai didi

html - CSS 图像容器按 100% 高度缩放

转载 作者:太空狗 更新时间:2023-10-29 16:09:11 24 4
gpt4 key购买 nike

我使用的图像必须在高度由根 div 定义的 div 内自动缩放。在所有主要浏览器中缩放都很好,在图像本身上使用 height: 100%。但似乎在某些浏览器上,图像容器不会根据其内容(图像)调整其宽度。

自己查live demo .

此演示使用蓝色背景的图像容器。

预期行为:不应显示此背景,因为容器宽度和高度应与其内容(图像)相同。

实际行为:

  • 在 Chrome 11、Safari 5 和 IE9 上,行为符合预期。

On Chrome 12
(来源:imgh.us)

  • 在 Firefox 3.6/4.0 和 Opera 11 上,行为与预期不同:显示蓝色背景。

On Opera 11
(来源:imgh.us)

主要浏览器之间存在这种巨大差异的根本原因是什么?

最佳答案

对于 Firefox,这看起来像是一个错误。我提交了 https://bugzilla.mozilla.org/show_bug.cgi?id=653739

您可以通过删除 overflow:hidden 来解决问题,除非您确实需要它。

关于html - CSS 图像容器按 100% 高度缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5831985/

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