gpt4 book ai didi

jquery - 不同维度的动态背景图片

转载 作者:行者123 更新时间:2023-11-28 18:54:24 25 4
gpt4 key购买 nike

我有一个 100pxx100px 的 div,想在其中动态加载背景图像。这些图像的大小各不相同,我希望它们能够放入 div 而不会变形。

看起来 background-size: contain;运行良好,但仅受现代浏览器支持(通常 IE 才是真正的错误...)

因为我没有想法,有人可以推荐一个解决方案吗?安妮的帮助表示赞赏。

最佳答案

我建议您不要将 100x100 div 用作背景图像容器。您应该在 100x100 div 中添加一个 img 标签或另一个 div 以用作图像容器。

然后,编写一个简单的算法来找出图像的方向以及如何最好地将图像容器放入 100x100 div 并设置图像容器的 heightwidth 缩放。然后将其在 100x100 div 内垂直和水平居中。

我在 jsfiddle 中拼凑了一个示例。

Tall Image and Wide Image Scaled using JS

关于jquery - 不同维度的动态背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8386013/

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