自動排列幾個圖像以適合整個網頁

給定一堆不同大小和比例的圖像，但都是矩形，在javascript/css中有一個簡單的方法來組裝它們，以便它們適合整個網頁。如：自動排列幾個圖像以適合整個網頁

考慮以下限制：

是否有通用/正式術語來描述此過程，以便我可以更好地搜索解決方案？

我想沒有簡單的，現成的方式來做到這一點，就像一個js庫。但它是否存在一個能夠處理這個操作的算法，比如形成一個組裝矩形的幾何視角來適應更大的矩形？

2016-10-28 mazieres

你在找什麼東西稱爲「馬賽克」。看看這個http://masonry.desandro.com/。也許會幫助你。 – Ionut

這裏有兩個關鍵問題：（1）所有圖像是同時調整大小還是每個圖像可以獨立調整大小？（2）圖像的順序是固定的還是可以重新排序以達到最佳**包裝**？ – FDavidov

1）每個圖像都可以獨立調整大小2）可以重新排序以實現最佳包裝 – mazieres

你有沒有想過在列alighning圖像，然後使用CSS媒體查詢acordingly重組他們網頁的大小... 事情是這樣的：https://css-tricks.com/seamless-responsive-photo-grid/

2016-10-28 10:11:16 weinde

建議OP廢棄他們的想法並使用不同的佈局應該作爲評論而不是回答。 – Quentin

@Quentin我會張貼它作爲一個coment，但由於沒有足夠的「聲譽」我不能張貼soments ...所以希望能夠解決你的問題:) – weinde

回答