Javascript jquery可以最大化项目以适应父容器

Javascript jquery可以最大化项目以适应父容器,javascript,jquery,jquery-isotope,jquery-masonry,packery,Javascript,Jquery,Jquery Isotope,Jquery Masonry,Packery,我有一个固定高度和宽度的容器(2480px x 3508),我想用内容动态填充它。内容介于6-12个图像之间。我的问题是如何根据图像总数和容器大小动态调整图像大小。这些图像的大小大致相同,只是根据它们的方向略有不同。所以基本上,当图像越多,它们越小,当图像越少,它们越大,并且尽可能地填满容器 我还没有找到任何同位素演示与此匹配?我知道还有封隔器和砖石 任何想法、技巧或例子都会很好 谢谢 正是这样做的。它更多地针对单个图像,但也可以制作一系列图像,并与Packy结合使用 您是否自己尝试过任何东西,

我有一个固定高度和宽度的容器(2480px x 3508),我想用内容动态填充它。内容介于6-12个图像之间。我的问题是如何根据图像总数和容器大小动态调整图像大小。这些图像的大小大致相同,只是根据它们的方向略有不同。所以基本上,当图像越多,它们越小,当图像越少,它们越大,并且尽可能地填满容器

我还没有找到任何同位素演示与此匹配?我知道还有封隔器和砖石

任何想法、技巧或例子都会很好

谢谢

正是这样做的。它更多地针对单个图像,但也可以制作一系列图像,并与Packy结合使用


您是否自己尝试过任何东西,或者有一些代码可以共享?我建议至少使用基本的同位素布局设置一个JSFIDLE,并从中获得帮助。我想了解更多的插件或通用解决方案。Imagefill.js似乎正是我所需要的。