有一堆不同尺寸和比例的图片,但都是矩形的。是否有一种简单的javascript/css方法可以将它们组装起来,使它们适合整个网页?例如: 给定以下限制条件: 图像可以在处理过程中独立缩小,但不能放大。 缩小的尺寸应该有一个大小限制(这样图像仍然可以被看到)。 图像可以随意重新排序以适应最佳包装 必须保留比例。 是否有通用/正式术语来描述此过程,以便我可以更好地搜索解决方案? 我猜这不是一件容易的事情,也没有现成的方式来做到这一点,比如一个js库。但是是否存在一种算法,可以从组合矩形以适应更大矩形的几何角度来处理此操作?
您是否考虑过将图像对齐在列中,然后使用CSS媒体查询根据网页大小重新组织它们... 类似于这样:https://css-tricks.com/seamless-responsive-photo-grid/