自动排列多个图像以适合整个网页

Question

鉴于一堆不同大小和比例的图像，但都是矩形，在javascript / css中有一种简单的方法来组装它们以便它们适合整个网页。如：

考虑到以下限制：

• 图像可能在此过程中可以单独调整大小，但不能单独调整大小。
• 调整大小应该有一个大小限制（因此图像仍然可见）。
• 图像可以随意重新排序以适应最佳包装
• 必须保持比率。

是否有通用/正式术语来描述此过程，以便我可以更好地搜索解决方案？

我想没有简单易用的方法来做这件事，比如js库。但是它是否存在一种能够处理这种操作的算法，就像组装矩形以适合更大的矩形的几何视角一样？

Answer 1

您是否考虑过对列中的图像进行调整，然后使用CSS媒体查询根据网页的大小重新组织它们... 这样的事情：https://css-tricks.com/seamless-responsive-photo-grid/